版权声明:本文为博主原创文章,未经博主允许不得转载。 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);
如:
扫描二维码关注公众号,回复:
3030280 查看本文章
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;
}
}