通过jQuery AJAX更新选择框选项?
有什么插件可以做到这一点吗?服务器将返回包含选项标签和值的JSON内容通过jQuery AJAX更新选择框选项?,jquery,ajax,plugins,Jquery,Ajax,Plugins,有什么插件可以做到这一点吗?服务器将返回包含选项标签和值的JSON内容 我可以手动执行此操作,我只是想看看是否有更简单的方法。在将html插入元素之前,我实际上只是循环列表中的项目并生成html。现在你提到的可能有一个插件 var selectHtml = '' foreach obj Item in jsonobject.list) selecthtml += "<option value="+ item.value +">" + item.label + "</opti
我可以手动执行此操作,我只是想看看是否有更简单的方法。在将html插入元素之前,我实际上只是循环列表中的项目并生成html。现在你提到的可能有一个插件
var selectHtml = ''
foreach obj Item in jsonobject.list)
selecthtml += "<option value="+ item.value +">" + item.label + "</option>"
$('selectList').html(selectHtml);
或者类似的东西通过json循环,并在每个文本/值对上执行此操作,可以很好地跨浏览器工作:
var opt = document.createElement('option');
opt.value = "someValue";
opt.appendChild(document.createTextNode("someText"));
$('#mySelect').append(opt);
我使用javascript、jQuery和AJAX方法以以下方式用JSON数据更新选择框。它非常干净简洁,工作做得非常完美
$.getJSON(url, data, function(responseJSON){ // GET JSON value from the server
$("#mySelect option").remove(); // Remove all the <option> child tags from the select box.
$.each(responseJSON.rows, function(index, item) { //jQuery way of iterating through a collection
$('#mySelect').append($('<option>')
.text(item.label)
.attr('value', item.value));
});
});
如果要替换整个元素,可以将远程脚本配置为只返回完全格式化的select(包括选项)。但是手工更新选项元素只需要几行代码,所以我不知道jQuery插件是否合适。