使用Javascript更改<datalist>标记的Auto Suggest行为

时间:2016-02-16 03:32:46

标签: javascript html5

有没有办法修改<datalist>标记,以显示每个<option>值,其中包含字母“A”。或者显示共享其中常用单词的所有值。这将在Chrome中。我知道Chrome和IE只会显示以输入内容开头的<option>,但有没有办法在Chrome中修改此行为,以允许<datalist>搜索任何字母/单词并显示包含该字母/单词的所有值?

<input type = "text" id = "typeOfThings" list = "thatOneList"/>
<datalist id = "thatOneList">
<option>a pear</option>
<option>ab pear</option>
<option>b apple</option>
<option>c apple</option>
</datalist>

基本上如果我输入Pear,就有办法显示“梨子”和“梨子”。

如果不是很酷,我会改写它,但必须有一些方法可以用JavaScript修改它。

非常感谢任何帮助。

0 个答案:

没有答案