组合框（可以编辑的Select）

最新推荐文章于 2024-01-30 08:06:04 发布

若白师妹

最新推荐文章于 2024-01-30 08:06:04 发布

阅读量1k

点赞数

文章标签： input class function div

本文链接：https://blog.csdn.net/ghostzp/article/details/165178

版权

<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" οnchange="document.getElementById('test').value=this.value">
</select>
</div>
<div class="cls2">
<input type="text" name="test" οnkeydοwn="addOption()" size="20" style="width: 127; height: 23">
</div>