Javascript 使选择框可搜索html

Javascript 使选择框可搜索html,javascript,jquery,html,css,Javascript,Jquery,Html,Css,当用户执行某个操作时,我会在网页中动态添加select元素。问题在于,由于select元素是动态添加的,jquery无法使它们成为可搜索的元素,因为在加载文档时应用了它。如何使动态添加的选择框可搜索 编辑 我使用的是使select元素可搜索 我所做的是让用户使用选择图像的多个部分,每当选择一个区域时,我都会添加一个对应于该区域的选择元素。这是使用页面头部的自定义javascript完成的。但是,这些选择元素在动态添加时没有任何样式 select引导程序可以通过使用data live search

当用户执行某个操作时,我会在网页中动态添加
select
元素。问题在于,由于select元素是动态添加的,
jquery
无法使它们成为可搜索的元素,因为在加载文档时应用了它。如何使动态添加的选择框可搜索

编辑

我使用的是使select元素可搜索

我所做的是让用户使用选择图像的多个部分,每当选择一个区域时,我都会添加一个对应于该区域的选择元素。这是使用页面头部的自定义javascript完成的。但是,这些选择元素在动态添加时没有任何样式

select引导程序可以通过使用
data live search
-

<select data-live-search="true" name="category_name" class="selectpicker" >

您可以使用类似的插件。它非常易于使用,只需包含文件并按如下方式调用:

$(".my-select").chosen();

如果你想动态添加选项,你可以看看这个,它解释了怎么做。

你可以用选择器搜索元素,即使你动态绑定它们:

$('option').each(function(){console.log($(this.html())});
$('select')。追加('test2');
$('option').each(function(){console.log($(this.html())})

测试

可搜索是什么意思?你是说通过选择器找到的?理想情况下,我们需要一些代码。什么jQuery代码?我们应该猜猜吗?但是,我可以猜测您需要一个委托事件处理程序来处理这种情况:)您当前的搜索工作如何?您尚未共享您的代码库。我们不知道你们面临什么问题。如果你正在寻找一个库,那么试试Select2插件。我已经编辑了这个问题,请看一看。我已经试过了,但似乎不起作用。我已经编辑了这个问题,请看一看。