根据数据选中下拉框的值

Posted 2020-12-27 longyufengyun

一、问题描述

在动态web开发中下拉框选中的值不一定是默认选中的第一个，要根据后台返回的数据来确定显示下拉选项。在开发项目中总结出两个，根据数据选中并对应显示下拉选项的方法。

（1）通过给下拉选项的option设置value值

<select id="tSelect">
　　<option value="1">我是1</option>
　　<option value="2">我是2</option>
　　<option value="3">我是3</option>
　　<option value="4">我是4</option>
</select>

js代码(前提是导入了jquery)

setSelect($(‘#tSelect‘), 3);
function setSelect(sel, val) {
　　sel.val(val);
}

(2)通过遍历下拉框的option的属性值，如果与后台返回数据相等就设置当前的option的属性selected=true

function setSelect(sel, val) {
　　var _opts = sel.find(‘option‘);
   _opts.each(function() {
   if($(this).val() == val) {
     $(this).attr(‘selected‘, true);
   }
});

}