可编辑的下拉框

最新推荐文章于 2023-08-11 01:20:56 发布

疯狂的风风

最新推荐文章于 2023-08-11 01:20:56 发布

阅读量256

点赞数

本文链接：https://blog.csdn.net/tingwufeixiang/article/details/72528641

版权

<html>
<head>
<title>select and edit</title>
<style type="text/css">
div,span,p,td,font {
	font-size: 9pt;
}
</style>
<script type="text/javascript">
	function change() {
		document.getElementById('text').value = document.getElementById('sel').options[document
				.getElementById('sel').selectedIndex].value;
	}
</script>
</head>
<body>

	<span style="margin-top: -12px;">
		<table cellspacing="0" cellpadding="0" width="100%" border="0">
			<tr>
				<td align="left">
					<span style="position: absolute; border: 1pt solid #c1c1c1; overflow: hidden; width: 188px; height: 19px; clip: rect(-1px, 190px, 190px, 170px);">
							<select name="sel" id="sel" style="width: 190px; height: 20px; margin: -2px;" onChange="change()">
								<option value="" style="color: #c2c2c2;">---select---</option>
								<option value="AAA">AAA</option>
								<option value="BBB">BBB</option>
								<option value="CCC">CCC</option>
								<option value="DDD">DDD</option>
							</select>
					</span> 
					<span style="position: absolute; border-top: 1pt solid #c1c1c1; border-left: 1pt solid #c1c1c1; border-bottom: 1pt solid #c1c1c1; width: 170px; height: 19px;">
						<input type="text" name="text" id="text" value="select and edit" style="width: 170px; height: 15px; border: 0pt;">
					</span>
				</td>
			</tr>
		</table>
	</span>

</body>
</html>