[英]populate selected options dynamically in multiselect dropdown using javascript
[英]Not able to populate multiselect dropdown
我正在尝试动态填充多选下拉列表的选项。 下面是我的代码:
<label for="serviceTypeCntrl" style="padding-left: 14px;">Service Type : </label>
<select id="serviceTypeCntrl" name="serviceTypeCntrl" class="selectpicker" multiple="multiple">
</select>
然后,我尝试使用ajax调用动态填充下拉列表。
$(document).ready(function () {
$.ajax({
url : 'ServicerServlet?identifier=PopulateServiceType',
type : 'post',
dataType: 'json',
success : function(responseText) {
alert(responseText);
//var option="";
$("#serviceTypeCntrl").find("option").remove();
responseText.forEach(function(serviceType) {
//option = $('<option>' + serviceType + '</option>');
//$('#serviceTypeCntrl').append(option);
//$('<option>').text(serviceType).appendTo('#serviceTypeCntrl');
$('#serviceTypeCntrl').append($('<option>').text(serviceType));
})
}
});
});
价值来自servlet,但下拉列表并未填充。 我在这里做错了什么? 期待您的回答。
提前致谢。
这样尝试一次
$('#serviceTypeCntrl').append("<option>" + serviceType + "</option>"));
代替这个
$('#serviceTypeCntrl').append($('<option>').text(serviceType));
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.