jquery关于sellect选择框那些操作

选择框文本与选择框值 ：获取选择的文本与值

  1. 获取下拉框选中的text :

     id选择器：

        $("#xxxx").find("option:selected").text();

  2. 获取下拉框选中的 value:

     id选择器

       $("#xxxxx").val();

     3. 获取下拉框选中的索引:

       id选择器：

         $("#xxxxx").get(0).selectedindex;

   设置下拉框值:

    1. 设置下拉框选中的索引：

      id选择器：

        $("#xxxxx ").get(0).selectedindex=index;//index为索引值

    2.设置下拉框选中的值：

      id选择器：xxxxxx

       $("#xxxxxx ").attr("value","xxxxxx“);
       $("#xxxxxx ").val("xxxxx");
       $("#xxxxxx ").get(0).value = value;

    3.设置下拉框选中的文本:
                 id选择器
       var count=$("#xxxxxx option").length;
           for(var i=0;i<count;i++)

         {

              if($("#xxxx ").get(0).options[i].text == text)

                       {
                            $("#xxxxx").get(0).options[i].selected = true;
                               break;
                       }
               }
         $("#xxxxxx  option[text='jquery']").attr("selected", true);

      4. 设置下拉框 option项:
                         id选择器：xxxxx
       $("#xxxxx").append("<option value='value'>text</option>");    //添加一项option
       $("#xxxxx").prepend("<option value='0'>请选择</option>");    //在前面插入一项option
       $("#xxxxx option:last").remove();                    //删除索引值最大的option
       $("#xxxxx option[index='0']").remove();                //删除索引值为0的option
       $("#xxxxx option[value='3']").remove();                //删除值为3的option
       $("#xxxxx option[text='4']").remove();                 //删除text值为4的option

      5. 清空下拉框
                          id选择器
          $("#xxxxxx").empty();