查询中的可编辑select案例

最新推荐文章于 2017-09-06 22:58:00 发布

Rainet_yang

最新推荐文章于 2017-09-06 22:58:00 发布

阅读量2k

点赞数 1

本文链接：https://blog.csdn.net/yang_734664103/article/details/7899154

版权

数据库专栏收录该内容

7 篇文章 1 订阅

订阅专栏

自己需要做一个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>

Rainet_yang

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
查询中的可编辑select案例

自己需要做一个jsp页面中即可选择又可编辑的select下拉框，在网上搜了一定的资料，自己整合了一个比较适合IE的版本，给大家分享一下：直接上图：对于谷歌浏览器，有一定的出入，如果您有很好的改进请留言，谢谢浏览！实现代码如下：非可编辑 46456 46456 46456 11111111
复制链接

扫一扫

专栏目录