JS常用组件select

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/w_t_y_y/article/details/82052319

1、select:

从后台获取数据填充下拉框：

<select class="addressselect" id="addressselect"></select>

$.post("getbigaddress", function(data) {
        var jsonarr = JSON.parse(data);

        for ( var i = 0; i < jsonarr.length; i++) {
            var da = new Option(jsonarr[i]);
            var addressselect = document.getElementById("addressselect");
            addressselect.options.add(da);
        }
    });

  for ( var i = 1; i <= 48; i++) {
    var groupDuration = document.getElementsByClassName("groupDuration");
    for(var j=0;j<groupDuration.length;j++){
      var data = new Option(i);
      groupDuration[j].options.add(data);
    }
  }

2、获取下拉框选中的信息：

1）:var options=$("#test option:selected");  //获取选中的项

2）:alert(options.val());   //拿到选中项的值

3）:alert(options.text());   //拿到选中项的文本

3、根据某个特定的值动态让select下的option选中：

（1、）模糊匹配：

$("#pageSelect").find("option:contains("+currPageIndex+")").attr("selected",true);

如：

contains 选择器选取包含指定字符串的元素。该字符串可以是直接包含在元素中的文本，或者被包含于子元素中,是一种模糊匹配。如一个select值从1到48，现在从后台传过来的为8，那么用这句话填充在下拉框中的成了48，模糊匹配会匹配最后一个找到的。

（2、）精确匹配：

var   duration =8;
 var count=$("#detailDurationSelect").get(0).options.length;
      for(var i=0;i<count;i++){
        if($("#detailDurationSelect").get(0).options[i].text == duration)  
        {
            $("#detailDurationSelect").get(0).options[i].selected = true;          
            break;  
        }  
    }