jquery关于sellect选择框那些操作

来源:互联网 发布:钻石皇朝网站源码 编辑:程序博客网 时间:2024/06/07 14:18

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

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