提问人：inquisitive 提问时间：12/1/2021 更新时间：2/10/2023 访问量：4147
Choices.js：将动态数据添加到选择选项中
Choices.js: Add dynamic data into the select option
问：
我正在使用 Choices.js 进行多选和带有搜索框的选择。我也在使用 angular.js 来填充数据，但它似乎不起作用。任何人都可以帮我动态填充选项。
正在使用 Ajax 检索数据。
这是我尝试过的
<label for="docno" class="col-form-label">Name :</label>
<select id='docno' class="choices form-select" ng-model="docno" ng-change='getDocs()' required="true">
<option ng-repeat="d in documents" ng-value="d.docno" selected='selected'>{{d.name}}</option>
</select>
答：
1赞
Vikas Kandari
12/21/2021
#1
您可以在 choices 实例中使用 setValue，如下所示：
var choices = new Choices(document.getGetElementById("docno"));
var myDynamicItems = [
{
value: 'Value 1',
label: 'Label 1',
id: 1
},
{
value: 'Value 2',
label: 'Label 2',
id: 2
}
];
inst.choices.setValue(myDynamicItems);评论
1赞
inquisitive
12/22/2021
不幸的是，我的页面要复杂得多，无法使用 choices.setValue（），我最终使用了 Select2，它工作正常！
0赞
nmauludina
2/10/2023
#2
如果您使用默认的 Single Select from Choices.js，只需删除属性，它应该可以正常工作。data-trigger
评论