php - 使用来自 ajax 的数据填充多个下拉列表

Question

我有一个带有多个下拉列表的表单

<select id="0" name ="0">
<option value="abc">ABC</option>
<option value="def">DEF</option>
.
.
.
<option value="mno">MNO</option>
</select>
.
.
.
<select id="9" name="9">
<option value="abc">ABC</option>
<option value="def">DEF</option>
. 
.
.
<option value="mno">MNO</option>
</select>

//这是代码的基本结构

现在我有一个 ajax 调用，它提供以下 json 数据

{"2":"abc","5":"def","6":"ghi","7":"def","4":"mno"}

我想根据 json 数据填充下拉列表

例如，对于本例，id 为 2 的下拉列表显示选项值为 abc 选择的选项，od 5 的下拉列表应具有其值为 def 选择的选项，依此类推。

 $.ajax({
        type : 'POST',
        url : ajax_url,
        data : datavar,

        success : function(msg) {

        }
        });

json数据存在于成功的msg参数中。

我应该如何进行？

Answer 1

或者如果你想保留所有jquery，也可以这样做:)

$.ajax({
    type : 'POST',
    url : ajax_url,
    data : datavar,

    success : function(msg) {
      $.each(msg, function(k, v){
         $('#'+k).val(v);
      });
    }
});

这将循环遍历每个返回的对象属性，并使用 k(键)查找选择并分配所选值 (v)。

你也可以这样做:

for(var key in msg){
    if(msg.hasOwnProperty(key)){
        $('#'+key).val(msg[key]);
    }
}

您只需要确保修复选择框的值属性即可。现在他们缺少尾随 value="ABC(") ...这会导致问题