更新通过jQuery AJAX选择框的选项?(Updating select box options

2019-10-16 15:42发布

有一些类型的插件来做到这一点的? 服务器将返回包含选项标签和值JSON内容。

我可以手动做到这一点,我只是想看看是否有更简单的方法。

Answer 1:

遍历JSON和做这在每个文本/值对(很好的作品跨浏览器):

var opt = document.createElement('option');
opt.value = "someValue";
opt.appendChild(document.createTextNode("someText"));
$('#mySelect').append(opt);


Answer 2:

我真的只是循环尽管在列表中的项目,并生成HTML,在插入HTML到的元素之前。 有可能是一个插件,现在你提到它。

var selectHtml = ''
foreach obj Item in jsonobject.list)
  selecthtml += "<option value="+ item.value +">" + item.label + "</option>"

$('selectList').html(selectHtml);

或类似的东西



Answer 3:

我使用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));
                });
            });


文章来源: Updating select box options via jQuery AJAX?