此问题在此处已有答案:
Filter options of drop down menus with different values(1个答案)
27天前关闭
我一直在谷歌和检查周围,但没有找到一个答案,这一点,我不知道如何去这样做。
我有一个文本输入字段,用户可以在其中输入一个值。当他们输入时,我希望它旁边的下拉菜单更改为具有匹配值的选项。
<input type="text" name="search" maxlength="6" id="search" />
<select name="custlist" id="custlist">
<option value="" selected>---SELECT ONE--</option>
<option value="100123">Customer 1</option>
<option value="100124">Customer 2</option>
etc., etc.,
</select>
字符串
因此,如果我开始在文本输入中输入1001.,它将更改所选选项以匹配输入文本。
我已经有它的工作方式相反,如果你选择一个选项,它会自动填写输入文本字段的选项值(见下文)。
HTML
<input type="text" name="search" maxlength="6" id="search" />
<select name="custlist" id="custlist" onchange="changeFunc()">
<option value="" selected>---SELECT ONE--</option>
<option value="100123">Customer 1</option>
<option value="100124">Customer 2</option>
etc., etc.,
</select>
型
jQuery
function changeFunc(){
var x = document.getElementById("custlist").value;
document.getElementById("search").value = x;
}
型
如有任何帮助,我们将不胜感激。
1条答案
按热度按时间hmae6n7t1#
您可以使用Array.prototype.filter()和Element的
hidden
属性以及以下内容的组合:个字符