jQuery操作下拉框的text值和val值
1，JS源码
<select name="select1" id="select1" style="width:300px;">
<option value="">-- 请选择 --</option>
<c:forEach items="${bi_role_list}" var="bi_role" varStatus="id" >
<option value="${bi_role.bi_roleid}">${bi_role.bi_rolename}</option>
</c:forEach>
</select>
2，jQuery操作
（1）获取当前选中select的text值
$("#select1").find("option:selected").text();
（2）获取当前选中select的value值
$("#select1").val();
（3）获取当前选中select的索引值
$("#select1").get(0).selectedIndex;
（4）设置索引值为1的项为当前选中项
$("#select1").get(0).selectedIndex=1;
（5）设置value值1的项为当前选中项
$("#select1").val(1);
（6）设置text值为”2017″的项为当前选中项
$("#select1 option[text='2017']").attr("selected",true);
（7）为指定select下拉框追加一个option（追加到在末尾）
$("#select1").append(""+i+"");
（8）为制定select下拉框插入一个option（插入到第一个位置）
$("#select1").prepend("请选择");
（9）删除select下拉框的最后一个option
$("#select1 option:last").remove();
（10）清空select控件内容
$("#select1").empty();
（11）添加/删除Select的Option项
$("#select1").append("<option value='Value'>Text</option>"); //为Select追加一个Option(下拉项)
$("#select1").prepend("<option value='0'>请选择</option>"); //为Select插入一个Option(第一个位置)
$("#select1 option:last").remove(); //删除Select中索引值最大Option(最后一个)
$("#select1 option[index='0']").remove(); //删除Select中索引值为0的Option(第一个)
$("#select1 option[value='3']").remove(); //删除Select中Value='3'的Option
$("#select1 option[text='4']").remove(); //删除Select中Text='4'的Option
原创文章，作者：ItWorker，如若转载，请注明出处：https://blog.ytso.com/16672.html