自己需要做一个jsp页面中即可选择又可编辑的select下拉框,在网上搜了一定的资料,自己整合了一个比较适合IE的版本,给大家分享一下:
直接上图:
对于谷歌浏览器,有一定的出入,如果您有很好的改进请留言,谢谢浏览!
实现代码如下:
<html>
<body>
<table>
<tr>
<td>
<select style="margin-left:10px;height:24px; width: 200">
<option>非可编辑</option>
<option>46456</option>
<option>46456</option>
<option>46456</option>
</select>
<span style="position:absolute;margin-left:100px;width:18px;border:1px solid #FFFFFF;">
<select name="r00" style="margin-left:-100px;width:118px; background-color:#FFEEEE;" onChange="document.all.re_name.value=this.value;">
<option value="11111111">11111111<option>
<option value="222222">222222</option>
<option value="333333">333333</option>
</select>
</span>
<input type="text" name="re_name" id="re_name" value="可编辑select" οnmοusedοwn="document.getElementById('re_name').value=''" style="position:absolute;width:100px;height:21px;margin:1px;font-size:10pt;border-left:1px solid #7F9DB9;border-bottom:1px solid #7F9DB9;border-top:1px solid #7F9DB9;border-right:0px;">
</td></tr>
</table>
</body>
</html>