用JSON结果替换选择框选项

Question

我有一个选择框,当我点击一个按钮时,会发出一个ajax请求,并返回json对象,该对象包含一个新的选择框选项列表.有什么方法可以从选择框中删除所有选项并将其替换为新列表吗？

<select id="cat-0" >
    <option value="0">Select One...</option>
    <option value="1">Text 1</option>
    <option value="2">Text 2</option>
    <option value="3">Text 3</option>
</select>

Answer 1

使用.html()插入新期权结算现有的.

$('#cat-0').html(newOptions);

但是当然你需要从你的JSON数据构造这样的选项.

var json=[{value:'1', text:'Option1'},
     {value:'2', text:'Option2'},
     {value:'3', text:'Option3'}];

 var options=$('<select/>');
    $.each(json, function(id, ob){
      options.append($('<option>',    
                      {value:ob.value,
                        text:ob.text}));
    });

 $('#cat-0').html(options.html());

小提琴