select的选择和赋值

举实例说明:

  <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;

       } 

    }












  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值