Javascript 如何在选择表单中添加搜索

Javascript 如何在选择表单中添加搜索,javascript,html,Javascript,Html,我希望能够在“选择表单”字段中写入或插入搜索字段,以查找列表中的单词,以便于搜索,并允许我打开请求页面上的链接。 -或者一个可以打开链接的数据列表,如示例所示 测试[/url] &160;&160;&160;&160;&160;&160;&160;- 搜寻- 谷歌 自由人 栈溢出 您可以从GitHub将文件从dist目录复制到项目中 将编译后的文件包括在页面中: <link href="path/select2.min.css" rel="stylesheet" /> <sc

我希望能够在“选择表单”字段中写入或插入搜索字段,以查找列表中的单词,以便于搜索,并允许我打开请求页面上的链接。 -或者一个可以打开链接的数据列表,如示例所示

测试[/url] &160;&160;&160;&160;&160;&160;&160;- 搜寻- 谷歌 自由人 栈溢出 您可以从GitHub将文件从dist目录复制到项目中

将编译后的文件包括在页面中:

<link href="path/select2.min.css" rel="stylesheet" />
<script src="path/select2.min.js"></script>
对于您的项目,如下所示:

$'select[name=url]'。选择2; 测试[/url] &160;&160;&160;&160;&160;&160;&160;- 搜寻- 谷歌 自由人 栈溢出
你可以使用jQuery插件,有一些很棒的插件,比如你想让它自动完成你的输入并给你建议?如果你想在没有任何扩展的情况下简单地实现它,它是相当复杂的,如果可能的话,这里有一个例子是的,谢谢,我希望我能在字段中写下,并在列表中选择一个项目,我们在许多项目中使用这个功能。如上所述,由@MehdiDehghani链接。
// In your Javascript (external .js resource or <script> tag)
$(document).ready(function() {
    $('.has-select2').select2();
    // "has-select2" class of your <select>
});