可以输入的下拉框

最新推荐文章于 2024-08-06 09:03:34 发布

原创最新推荐文章于 2024-08-06 09:03:34 发布 · 129 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#HTML

JavaScript 专栏收录该内容

7 篇文章

订阅专栏

不多说,直接上代码:

<html>  
<head>  
<title>可输入的select下拉框</title>  
</head>  

<body >  
<div style="position:relative;  padding: 0px;margin: 0px;">
	  <input name="salesCode" id="salesCode" style="position:absolute;top:-10; width: 120px; height:21px; left:0px; " onClick="this.value=''">
	  <span id="selectInput">
	   		<select name="selectInput" style="position:absolute;top:-10;width:120px;height:20px;left:0px; clip: rect(0 180 132 101)"  onchange="document.getElementById('salesCode').value=options[selectedIndex].text;">
			<option value=""></option>
				
					<option value='1'>1</option>
				
					<option value='2'>2</option>
				
					<option value='3'>3</option>

			</select>
	  </span>
</div>  
</body>  
</html>