js select頁面回顯

當添加時，需要默認select模板

<select>
  <option value="">請選擇</option>
  <option value="0">男</option>
  <option value="1">女</option>
</select>

當編輯時，需要展示已經選中了的select模板

<select>
  <option value="">請選擇</option>
  <option selected value="0">男</option>
  <option value="1">女</option>
</select>

那麼在創建select模板時寫方法去生成不同的select模板

//option 的數據
var optionData = [{label:"男",value:0},{label:"女",value:1}];
function getSelectTpl(selectedVal){
  var selectTpl = "<select>";
var optionTpl = "";
  for(var i=0;i<optionData.length;i++){
    optionTpl = optionTpl + "<option "+(selectedVal==optionData[i].value?"selected":"")+" value='"+optionData[i].value+"'>"+optionData[i].label+"</option>"; 
  }
  selectTpl = optionTpl + "</select>";
  return selectTpl;
}

當傳入selectedVal時,得到有默認選中項的select模板。

當需要的模板相同，只需改變某個值時，用方法寫