制作选择框可搜索HTML

-4

当用户采取特定操作时，我在网页上动态添加select元素。问题在于，由于选择元素是动态添加的，jquery无法使其可搜索，因为在文档加载时应用它。我如何使动态添加的选择框可搜索？制作选择框可搜索HTML

编辑

我使用select bootstrap作出选择元素进行搜索。

我正在做的是让用户使用select areas来选择图像的多个部分，并且每当选择一个区域时，我都会添加一个对应于该区域的select元素。这是使用页面头部的自定义JavaScript完成的。但是，这些select元素没有任何样式，因为它们是动态添加的。

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

来源

2016-06-27 Keshav Agarwal

你是什么意思搜索？你是指通过选择器找到的？理想情况下，pPost一些代码。 – Utkanos

什么jQuery代码？我们应该猜测？然而，我可以猜测你需要一个*委托事件处理程序*来覆盖这种情况:) –

你目前的搜索工作如何？ – Randy

您可以使用插件像Chosen -

的选择引导可以通过使用data-live-search做出选择元素进行搜索。这是很容易使用，只需包含的文件，并调用它像这样：

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

如果你想动态添加选项，你可以看看这个answer，这也解释了如何做到这一点。

来源

2016-06-27 10:30:32

您可以搜索与选择的元素，即使你动态绑定他们：

$('option').each(function(){console.log($(this).html())}); 
 

 
$('select').append('<option class="option2">test 2</option>'); 
 

 
$('option').each(function(){console.log($(this).html())});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select> 
 
    <option class="option1">test</option> 
 
</select>

来源

2016-06-27 10:31:47 Randy

我试过了，但它似乎没有工作。我编辑了这个问题，请看看。 –

制作选择框可搜索HTML

回答

相关问题