Question

如果我有一个简单的下拉框，那么在前面添加类型最简单的没有多余的方法是什么？

盒子本身没有任何复杂或动态，它只有很多选项（这里是美国各州）。

基本上我想知道如果我愿意放弃所有其他功能如AJAX，这个简单的案例是否可以在几行代码中完成。

Answer 1

这应该有效：

<head>
    <script type="text/javascript">
    function typeDropdown(typedStr,ddObj) {
        var index = ddObj.getElementsByTagName("option");
        for(var i = 0; i < index.length; i++) {
             if(index[i].firstChild.nodeValue.toLowerCase().substring(0,typedStr.length) == typedStr.toLowerCase()) {
                  index[i].selected = true;
                  break;
             }
        }
    }
    </script>
</head>
<body>
    <form>
    <input type="text" name="search" onkeyup="typeDropdown(this.value,this.parentNode.dd);" />
        <select name="dd">
            <option>Your Options</option>
            <option>Here</option>
    </select>
    </form>
</body>

它不是很漂亮，但我认为这是最简单的。

下拉列表没有前缀类型（非jQuery）？

1 个答案: