组合框（可以编辑的Select）

来源：互联网发布：网络测试仪厂家编辑：程序博客网时间：2024/06/05 18:39

<head>
<style>

</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>
<div class="cls1" style="clip: rect(3 280 21 110)">
<select name="myselect" style="width:127" onchange="document.getElementById('test').value=this.value">
</select>
</div>
<div class="cls2">
<input type="text" name="test" onkeydown="addOption()" size="20" style="width: 127; height: 23">
</div>