jquery-chosen - 使用 jQuery 选择插件动态添加数据以进行选择

Question

我面临使用所选插件动态添加选项到多个选择的问题。

由于我在数据库中有数百万条记录，因此我无法在页面加载期间将所有记录都填充为选项。

所以现在我必须使用 ajax 从数据库中获取匹配记录（在 keyup 事件上）并动态填充选择框。有什么办法可以做到这一点。

Answer 1

您可以按值手动选择所需的选项，如下所示：

$("#form_field").val('value_to_be_selected');

然后打电话

$("#form_field").trigger("liszt:updated");

Answer 2

我们可以使用以下选项轻松地将选项附加到选择中。

<select class=”chosen-select”&gt;
<option value=”101”&gt;Hyderabad</option>
<option value=”102”&gt;Banglore</option>
<option value=”103”&gt;Chennai</option>
</select>

$(".chosen-select").append('<option value="104”&gt;Delhi</option>');
$(".chosen-select").trigger("chosen:updated");

有关所选 jquery 下拉列表的更多信息，您可以单击此处http://www.dotnetqueries.com/Article/151/how-to-implement-chosen-plugin-with-example