通过jQuery AJAX更新选择框选项？

Question

是否有某种类型的插件可以做到这一点？服务器将返回包含选项标签和值的JSON内容。

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

Answer 1

循环遍历JSON和做这在每个文本/值对（很好的作品跨浏览器）：

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

Answer 2

我在字面上只是循环列表中的项目，并在插入元素之前生成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)); 
       }); 
      });