本文介绍了一种使用JavaScript初始化HTML下拉框的方法，确保选中项符合预设值。通过遍历选项并设置选中状态来实现。
在做功能模块编辑时，时常会遇到下拉框的问题<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>
扫一扫
945
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
