以下函数从 URL 获取 json 数据并使用 jQuery 填充选择元素。我不是使用Select2来转换具有自动完成功能的字段中的下拉菜单。
除了显示选择元素后我立即得到的写作“未定义”之外,一切都很好。自动完成和下拉功能完美。即使添加了一个空的“选项”元素,我也尝试使用数据占位符,但没有成功。
function CitiesList(callback){
$.getJSON(document.URL+'getCities/sdfsfs', function(data){
var html = '';
var len = data.length;
var option = '<option></option>';
for (var i = 0; i< len; i++) {
html += '<option value="' + data[i] + '">' + data[i] + '</option>';
}
$('.select_cities select').append(option);
$('.select_cities select').append(html);
if(callback && typeof callback == 'function'){
callback.call(null);
}
});
}
<select data-placeholder="Select a city" name="cities" id="cities">
</select>
'select_cities' 是选择元素周围的 div 包装器。