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模板。

当需要的模板相同，只需改变某个值时，用方法写