jquery select操作下拉框

最新推荐文章于 2024-10-02 10:11:21 发布

little dragon

最新推荐文章于 2024-10-02 10:11:21 发布

阅读量783

点赞数

分类专栏：工作周志文章标签： jquery 前端 javascript

本文链接：https://blog.csdn.net/qq_46027475/article/details/124789505

版权

本文介绍了如何使用jQuery进行select下拉框的操作，包括获取选中项的text和value，以及添加和删除option项的方法。

摘要由CSDN通过智能技术生成

获取select选择的text和value，并设置选中

<select id="select_id" name="id">
<option value="">请选择</option>
<option value="1">第一季度</option>
<option value="2">第二季度</option>
<option value="3">第三季度</option>
</select>

<script>
$("#select_id").change(function(){.....});   //为select添加改变事件，当选择其中一项时触发
var checkText=$("#select_id").find("option:selected").text();   //获取select选择的text
var checkValue=$("#select_id").val();     //获取select选择的value
var checkIndex=$("#select_id").get(0).selectedIndex;   //获取select选择的索引值-第一个
var checkMaxIndex=$("#select_id option:last").attr("index");  //获取select最大的索引值
</script>