Jquery:用于向Datalist添加元素以进行自动完成的keyup事件

时间:2016-07-02 11:27:11

标签: jquery html autocomplete

我正在尝试创建一个自动填充文本输入框。 问题是文本框甚至没有注册我的“Enter”按键。

整个想法是,只要按下输入,输入字段的值就需要在output中添加为<option>,所以下次它可以建议之前输入值。

这是我的代码:由于某种原因,即使输入框中未注册输入。

的test.html

<datalist>

test.js

<!DOCTYPE HTML>
<html>

<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script type="text/javascript" src="test.js"></script>
</head>

<body>
    <p>
        Color Picker:
    </p>
    <form action="">
        <input id="auto-list" type="text" list="dlist">
        <datalist id="dlist">
            <option id="0" value="awesome" label="cool"></option>
            <option id="1" value="hot" label="fire"></option>
        </datalist>
        </input>
    </form>
</body>

</html>

0 个答案:

没有答案