6，最后一个问题是，如何制作一个combo选项，就是可以输入可以下拉菜单选择。
思路：
（1）布局select和input，让input覆盖select，除了select的下拉图标，以方便select选择
（2）编写JS，为select添加onchange事件，onchange时将input的value置成select选中的指
贴出代码
<HTML>
<HEAD>
<META http-equiv='Content-Type' content='text/html; charset=utf-8'>
<TITLE>可输入的下拉框</TITLE>
<style type="text/css">
.container {position:relative;margin:10px;}
.container .sel {margin-left:-100px;width:120px;}
.container .input {width:100px;height:20px;position:absolute;}
</style>
</HEAD>
<BODY>
<div class="container">
<span style="margin-left:100px;width:20px;overflow:hidden;position:absolute;">
<select class="sel" id="sel">
<option value="1">选项1</option>
<option value="2">选项2</option>
<option value="3">选项3</option>
<option value="4">选项4</option>
</select>
</span>
<input type="text" class="input" id="input"></input>
</div>
<script type="text/javascript">
var sel = document.getElementById("sel");
var input = document.getElementById("input");
sel.onchange = function() {
input.value = this.value;
}
</script>
</BODY>
</HTML>
505
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
