jquery获取下拉列表的值和显示内容的方法

摘要:
页面的下拉列表:选择时间段:8:00-8:308:30-9:009:00-9:30当选中最后一个值后,需要取得选中对应的value和text值。
页面的下拉列表:
选择时间段:
<select name="timespan"   class="Wdate"   >
                           <option value="1">8:00-8:30</option>
                           <option value="2">8:30-9:00</option>
                           <option value="3">9:00-9:30</option>
</select>
当选中最后一个值后,需要取得选中对应的value和text值。如图:
jquery获取下拉列表的值和显示内容的方法第1张

jquery取下拉列表选中值和文本的代码:

var obj = $("#timespan option:selected");
var  artime_val  =obj.val();
var  artime_text  =obj.text();
alert("val:"+artime_val+" text"+ artime_text );//val:3 text 9:00-9:30

免责声明:文章转载自《jquery获取下拉列表的值和显示内容的方法》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇#Weex与Android交互(一)SuperGridControl 使用小技巧下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

React和Jquery比较

Jquery的工作方式: 假如你需要给一个按扭添加一个点击事件。 首先根据CSS规则找到对应的dom元素,挂上一个匿名事件处理函数,在事件处理函数中,选中那个需要被修改的DOM元素,读取他的文本值,加以修改,然后修改这个dom元素。 优点:直观易懂。缺点:对于庞大的项目,会造成代码结构复杂,难以维护。 React的工作理念:   打一个比方, Rea...

jQuery插件的使用和写法

jQuery的插件主要分成3种类型。   1.封装对象方法的插件    这种插件是将对象方法封装起来,用于对通过选择器获取的jQuery对象进行操作,是最常见的一种插件。 2.封装全局函数的插件    可以将独立的函数加到jQuery命名空间之下。例如jQuery.noConflict()方法、常用的jQuery.ajax()方法以及去除首位空格的jQu...

利用jquery 实现hover的div显隐

通常要用到jq的时候这两个抓取对象没有父子级关系,但直接用jquery中的hover事件时,当鼠标移出绑定元素就会执行消失动作,因此: var timer=0; $('#sad').hover(function(){ $('#reply').show(); },function(){ timer=setTimeout(functio...

Jquery实现鼠标双击Table单元格变成文本框,输入内容并更新到数据库

JS鼠标双击事件 onDblClick  <td width="10%" title="双击修改" ondblclick="ShowElement(this,<%#Eval("id") %></td>  这里的本人用绑定的值是传的当前行对应的ID号, function ShowElement(element, prod...

基于jQuery实现简单的js模块化

在多人合作完成网页,经常遇到大家的js代码相互影响的问题。现在有许多模块化的前端框架,应该是可以解决这个问题。但本人并非前端开发人员,那些框架都没用过,只对jQuery相对熟悉,就想用jQuery来解决这个问题。 首先相互影响主要有两个方面,一是js代码中定义的function名重复,导致覆盖问题;另一个是js操作页面元素时,大家使用的id、name、cl...

jquery设置控件位置的方法

纯JS写法,代码如下: document.getElementById("child").style.left="800px";document.getElementById("child").style.top="200px";*/ //offset()获取当前元素基于浏览的位置var offsettop=$("#unamespan").offset(...