下拉菜单可编辑实现

来源:互联网 发布:联合办公 中国 知乎 编辑:程序博客网 时间:2024/04/29 16:34

企业信息化评价项目中,评分原设计为下拉菜单方式,运行过程用户反馈,如果小数位数为2位的话,下拉值过多,难找到正确的数值,因此需要设计成为下拉菜单可编辑,实现如下:


<div style='position:relative;'>
<span style='width:28px; overflow:hidden; position:absolute; left:30px;'>
<select style='width:58px;margin-left:-30px' onchange='this.parentNode.nextSibling.value=this.value'>
<option value='0.0' selected>0.0</option>
<option value='0.1'>0.1</option>
<option value='0.2'>0.2</option>
<option value='0.3'>0.3</option>
</select>
</span>
<input name='equipid_1040698303_MAscore_xjpowerywsp_app_1_1_1' id='equipid_1040698303_MAscore_xjpowerywsp_app_1_1_1'  value='0.0' onkeyup=checkNum('equipid_1040698303_MAscore_xjpowerywsp_app_1_1_1','0.0')  style='width:30px;position:absolute;left:0px;'>
</div>

0 0
原创粉丝点击