根據數據選中下拉框的值

一、問題描述

在動態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);
 }
});

}