使用ajax引导选择集选项文本

Question

我对ajax url中的设置选项文本有问题。

例如，我有urlhttp://localhost:5000/api/test/calgroups

在这个url中，我可以看到所有组名的json列表(can BE MORE(

["tes1","tes2","tes3","tes4","tes5","tes6"]

但是我找不到一些如何设置的信息，我的多选功能文本我想做这个

<select class="selectpicker" name="MultiSelectGroup" id="ms1" multiple>
<option id="gruop" >test1</option>
<option id="gruop" >test2</option>
<option id="gruop" >test3</option>
... (ant more)
</select>

我在警报字段中获取文本值的代码(不需要显示，但可能会有所帮助(

$('.selectpicker').on('changed.bs.select', function () {
selectedServices = $.map($(this).find("option:selected"), function(o) { return o["label"]; });
alert(selectedServices)

});

那么，如何使用ajax链接中的值设置我的选项字段呢？将感谢所有帮助

Answer 1

您可以使用ajax获取值，并将其作为如下选项插入：

(请记住，这里对值的获取进行了模拟，它只是返回数组(

async function getValuesWithAjax() {
return ["test1", "test2", "test3"];
}
$(function() {
getValuesWithAjax().then(values => {
values.forEach(value => {
$(".selectpicker").append($("<option>")
.val(value)
.html(value)
);
});
});

$('.selectpicker').on('change', function() {
selectedServices = $(this).val();
alert(selectedServices)
});
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select class="selectpicker" name="MultiSelectGroup" id="ms1" multiple>
</select>