编辑时下拉框JS初始化赋原值

在做功能模块编辑时,时常会遇到下拉框的问题<select>...</select>,默认是页面写好的html,如下:

<td class="td1" align="left">
   <select name="model.recvdocEmergency" id="recvdocEmergency" style="width: 149px;">
         <option value='0'> 正 常</option>
         <option value='1'> 急 件</option>
         <option value='2'> 特 急</option>
     </select>

</td>

当编辑时展现现来的还是如上解析出来的,第一项还是:正常,而我们添加时也许是:特急。

通过JS可以初始化,代码如下:

 function initForm(){

  //初始化紧急程度
  var cyvalue = '${model.recvdocEmergency}';  //Struts2中从实体中取值
  var EmergencyObj = document.getElementById("recvdocEmergency").options;
  for (var i=0; i<EmergencyObj.length; i++) {
            if (EmergencyObj[i].value == cyvalue) {
                  EmergencyObj[i].selected = true;
                  break;
               }
         }

}

 

最后还必须在<body>之间加上以下JS代码,以便在加载DOM对象时执行以上的JS方法初始化操作:

<script language="javascript">
   initForm();
</script>

你可能感兴趣的:(JavaScript,html)