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

最新推荐文章于 2020-12-24 03:03:22 发布

转载最新推荐文章于 2020-12-24 03:03:22 发布 · 370 阅读

文章标签：

#javascript #ViewUI

本文介绍如何使用jQuery从HTML下拉列表中获取已选项的值和文本。通过简单的代码示例展示了如何实现这一功能，适用于网页前端开发。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

页面的下拉列表：
选择时间段：
<select name="timespan" id="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取下拉列表选中值和文本的代码：

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