使用 jQuery 选择的插件动态添加要选择的数据

Question

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

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

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

Answer 1

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

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

然后致电

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

Answer 2

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

<select class=”chosen-select”>
<option value=”101”>Hyderabad</option>
<option value=”102”>Banglore</option>
<option value=”103”>Chennai</option>
</select>
$(".chosen-select").append('<option value="104”>Delhi</option>');
$(".chosen-select").trigger("chosen:updated");

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