html>
1<head>
2<style>
3<!--
4.cls1 { position:absolute; left:250px; top:89px; width:216px; height:72px; z-index:1; }
5.cls2 { position:absolute; left:250px; top:89px; width:95px; height:18px; z-index:2 }
6input { font-size: 12px; padding-top: 2px; padding-left: 2px;width:127;}
7//-->
8</style>
9</head>
1<script>
2<!--
3function addOption(pos){
4
5if(event.keyCode==13)
6{
7var select_obj = document.getElementById("myselect");
8var text_value = document.getElementById("test").value;
9
10if (select_obj.length)
11{
12for (var i=0;i<select_obj.length;i++)
13{
14// 如果已经存在，不添加，直接退出
15if (select_obj.options[i].text==text_value)
16alert("选项已存在，请重新输入");
17}
18}
19var the_option= new Option(text_value,text_value);
20
21select_obj.add(the_option);
22
23select_obj.selectedIndex = select_obj.options.length-1
24}
25
26}
27//-->
28</script>
1<div class="cls1" style="clip: rect(3 280 21 110)">
2<select name="myselect" onchange="document.getElementById('test').value=this.value" style="width:127">
3</select>
4</div>
1<div class="cls2">
2<input name="test" onkeydown="addOption()" size="20" style="width: 127; height: 23" type="text"/>
3</div>