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

我正面临使用所选插件动态添加选项到多个选择的问题。动态添加数据以使用jQuery选择的插件进行选择

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

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

2012-10-03 Pawan

只需添加'option's到'select'不会做？ –

不，我使用选择的插件，一旦我点击添加选项并调用$（“＃form_field”）。trigger（“liszt：updated”）;更早的条目消失:( – Pawan

你可以只选择想手动按值这样的选项：

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

，然后调用

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

来源

2012-10-09 15:52:11

谢谢加仑，但它不适合我，我必须刷新我的选择onKeyUp，并且只要我刷新文本框的先前的字符都不见了:( – Pawan

好吧，如果您使用多选择然后您可以尝试使用$（“＃form_field”）。val（）检索数组，然后将新项目推送到数组，然后使用$（“＃form_field”）重新分配数组，）.val（new_array） –

实际上你可以用一行'$（“＃form_field”）.val（'value_to_be_selected'）。trigger（“liszt：updated”）;'来做到这一点。 –

我们可以很容易地添加选项，使用下列选项进行选择。

<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

来源

2017-08-16 07:27:48 DotNetLover

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

回答

相关问题