製作選擇框可搜索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

回答

相關問題