
<option value="1">我是下拉项目1</option>
<option value="2">我是下拉项目2</option>
<option value="3">我是下拉项目3</option>
<option value="4">我是下拉项目4</option>
</select>
<select name="sel"><option value="1">值一</option>
<option value="2">值二</option>
<option value="3">值三</option>
<option value="4">值四</option>
</select>
你想在哪放下拉框,就把上面的代码复制在那
我刚才写了一个简单的代码,你按照这种思路应该就可以了至于外观上面的你可以加点背景图片,变成跟真的下拉框一样的
主要利用css和js编写:
<html><head>
<script type="text/javascript">
function get() {
document.getElementById("id").style.display= 'block'
}
</script></head>
<body><br />第一种:<br />
<div class="hosp"><input type="text" value="请选择" style="width:180px"/><input type="button" onmouseup="get()" value=">" />
</div>
<div id="id" style="display:nonewidth:240px">
<table border="1">
<tr><td width="200"><a href="#">aaa</a></td></tr>
<tr><td width="200"><a href="#">bbb</a></td></tr>
<tr><td width="200"><a href="#">ccc</a></td></tr>
</table>
</div>
</body>
</html>
不懂的请Hi我
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)