举实例说明:
<select name="select" id="select_id" style="width: 100px;">
<option value="volvo*">Volvo</option>
<option value="saab*">Saab</option>
<option value="opel*">Opel</option>
<option value="audi*">Audi</option>
<option value="BMW*">BMW</option>
</select>
1、获取选中的select的option的值value和文本text
var checkValue = $("#select_id").val(); ***** 获取Select选中项的Value
var checkValue = $('#select_id option:selected').val(); ***** 获取Select选中项的Value
var checkText = $("#select_id :selected").text(); ***** 获得选中的select的文本
var checkTextw = $("#select_id").find("option:selected").val(); ***** 获得选中的select的文本
1.1 获取相应option的值
var checkValue = $('#select_id option:first').val();*****获取第一个option的值
var checkValue =$("#select_id option:last").val();*****最后一个option的值
var checkValue = $('#select_id option:eq(1)').val();******获取第二个option的值
2.设置相应的option被选中
$("#select_id").val("BMW*"); *****设置Select的Value值为BMW*的项选中
$("#select_id").get(0).value = "BMW*"; ***选中value值为BMW*
$("#select_id").get(0).selectedIndex = 1; *****设置Select索引值为1的项选中
$("#select_id").find("option[value='BMW*']").attr("selected",true); ******设置value为BMW*的项选中
但是:$("#select_id option[text='Audi']").attr("selected",true); 不管用
3.获取相应的option的索引
var maxIndex = $("#select_id :last").get(0).index; ******/获取select最大索引值
var checkIndex = $("#select_id").get(0).selectedIndex;******获取Select选中项的索引值
var checkIndexs = $('option:selected', '#select_id').index(); ****获取选中的select的索引
var checkIndexa =$('#select_id option').index($('#select_id option:selected')) *****获取选中的select的索引
var checkIndex = $('#select_id').prop('selectedIndex'); ******获取选中的select的索引
@<%--var checkIndex =$('#select_id optgroup:eq(1):option:eq(0)').val(); //获取第二group下面第一个option的值 不知管不管用 没有测--%>
4.判断是否被选中
alert($("#select_id").find("option[value='BMW*']").is(":selected")); *******选中为true 没选中为false
alert(document.getElementById("select_id").options[1].selected); ******判断选中为true 没选中为false
5.追加和移除option
$("#select_id").append("<option value='新增'>新增option</option>"); ******为Select追加一个Option(下拉项)
$("#select_id").prepend("<option value='请选择'>请选择</option>"); *******为Select插入一个Option(第一个位置)
$("#select_id").get(0).remove(1); ******* 删除Select中索引值为1的Option(第二个)
$("#select_id [value='BMW*']").remove(); *******删除Select中Value='3'的Option
6.根据文本进行选择:
var street = 'BMW';
$('#select_id option:contains(' + street + ')').each(function(){
if ($(this).text() == street) {
$(this).attr('selected', true);
}
});
******文本为BMW的option被选中 contains和index of()的作用一样
var numId="BMW" *****设置text==BMW的选中!
var count=$("#select_id option").length;
for(var i=0;i<count;i++)
{ if($("#select_id").get(0).options[i].text == numId) ;
{
$("#select_id").get(0).options[i].selected = true;
break;
}
}