获取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>

<script>
<!--赋值-->
$("#select_id").find("option[text='第二季度']").attr("selected",true);  //设置select的Text值为第二季度的项选中
$("#select_id").find("option[value='1']").attr("selected",true);  //设置select的value值为1的项选中
</script>

添加和删除select的option项

<script>
$("#select_id").append("<option value='第四季度'>Text</option>");   //为select追加一个option
$("#select_id").prepend("<option value='0'>请选择</option>");    //为select添加第一个option
$("select_id option[value='3']").remove();   //删除select中value为3的option
</script>

今天的文章jquery下拉列表_jquery获得下拉框的值[通俗易懂]分享到此就结束了，感谢您的阅读，如果确实帮到您，您可以动动手指转发给其他人。