Tip: you can modify some code before running
<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>Select combo box that can be edited</title></head><body> <style><!--.cls1 { position:absolute; left:250px; top:89px; width:216px; height:72px; z-index:1; }.cls2 { position:absolute; left:250px; top:89px; width:95px; height:18px; z-index:2 }input { font-size: 12px; padding-top: 2px; padding-left: 2px;width:127;}//--></style></head><script><!--function addOption(pos){if(event.keyCode==13){var select_obj = document.getElementById("myselect");var text_value = document.getElementById("test").value;if (select_obj.length){for (var i=0;i<select_obj.length;i++){// 如果已经存在,不添加,直接退出if (select_obj.options[i].text==text_value)return false}}var the_option= new Option(text_value,text_value);select_obj.add(the_option);select_obj.selectedIndex = select_obj.options.length-1}}//--></script>Enter the text and press enter to view the input content in the drop-down list. You can enter the text continuously.<div class="cls1" > <select name="myselect" onchange="document.getElementById('test').value=this.value"> </select></div><div class="cls2"><input type="text" name="test" onkeydown="addOption()" size="20" ></div></body> </html>
Tip: you can modify some code before running