在做功能模块编辑时,时常会遇到下拉框的问题<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)框(JavaScript)
这是一款堪称最完美的下拉框组件,特点如:美化的并且可自定义的外观、使用简单、支持分组、下拉列表展开的方向智能化、下拉框可编辑、集成了ajax联动功能、自定义下拉列表的列数、完美的浏览器兼容性等。...
可编辑的下拉框 既可以编辑,又可以下拉选择 很不错的
combox实现的可编辑下拉框 可编辑下拉框,其实就是在下拉框的上面放了个无边框的输入框,在输入框输数据时,下拉框自动定位,下拉框选中某项时,下拉框的值赋给输入框,从而产生错觉
编辑的下拉框
jQuery Editable Select 是一个jQuery插件,它将选择转换成输入字段,其中根据输入的字符实时显示单个元素。当JavaScript不可用时,它就变成了一个真正的选择列表。
js多选下拉框多选下拉框多选下拉框js多选下拉框多选下拉框多选下拉框
可编辑下拉框,用javascript 实现
一个简单的可编辑下拉框的例子
自定义用户控件实现一个简单的可编辑下拉框,实例演示下拉框使用,可做数据绑定,下拉框可以编辑。
参考别人文献 同时结合实际修改部分代码做出的一个可编辑的下拉框,并且修改过程同时会动态把没有的选项加入到下拉框中
Android 自定义 可编辑 下拉框 已优化代码和界面
editableSelect可编辑搜索的下拉框插件
下拉框读取数据库数据.有时候数据多.会拉的很长.客户搜索起来很不方便....在用到需要编辑下拉框的jsp界面中引用此js.在body 属性里. 调用onload事件. ();"> 测试方法:点击下拉框.随便输入一个字母.即可看到效果.
Android实现仿QQ登录可编辑下拉框
多个js实现的多选下拉框
NULL 博文链接:https://xieruilin.iteye.com/blog/762525
js 可输入 下拉框下拉框下拉框下拉框下拉框下拉框下拉框下拉框下拉框下拉框下拉框下拉框下拉框下拉框下拉框下拉框下拉框下拉框
国家下拉框 js库