<select id="hardversion" name="hardversion" data-placeholder="多选硬件版本" multiple="multiple" class="form-control chosen-select" ></select>
function loadSelectHardversion(key){
var html = "";
$.ajax({
url : "/system/relatedAttributes/selectorsList", // 服务器数据的加载地址
data : {
'key' : key
},
success : function(data) {
//加载数据
for (var i = 0; i < data.length; i++) {
html += '<option value="' + data[i].value + '">' + data[i].value + '</option>'
}
$("#hardversion").append(html);
$("#hardversion").chosen({
maxHeight : 200,
width: '100%'
});
var hardversion1 = $("#hardversion1").val();
var data = [];
data = hardversion1.split(",");
$("#hardversion").val(data);
$("#hardversion").trigger("chosen:updated");
}
});
}
博客展示了多选硬件版本下拉框的代码实现。通过 HTML 创建下拉框,使用 jQuery 的 AJAX 方法从服务器加载数据,将数据添加到下拉框选项中,并使用 chosen 插件对下拉框进行样式和功能设置,最后更新下拉框选中状态。

6488

被折叠的 条评论
为什么被折叠?



