Ajax响应JSON数据来选择HTML框下面

是我的ajax调用和我得到[R JSON数据Ajax响应JSON数据来选择HTML框下面

$.ajax ({ 
      type: "POST", 
      url: "getrecieverlist.php", 
      data: { strSenderID: sendmeid }, 
      success: function (r) { 
      } 
     });

我得到[R响应如下

{ 
"receiverDetails": [ 
{ 
    "receiver_id": "55555", 
    "name": "Nitin", 
    "mobile": "7777777777", 
    "ifsc_code": "IFSC54545", 
    "acc_no": "16-01-2017" 
}, 
{ 
    "receiver_id": "66666", 
    "name": "Vikram", 
    "mobile": "9191919191", 
    "ifsc_code": "IFSC54545", 
    "acc_no": "13-01-2017" 
} 
], 
"success": 1 
}

，我的选择JSON数据框HTML代码是低于

<select id="recieverlist" name="select" class="main-form"> 
     <option value="">None Selected</option> 
    </select>

我想要的是填充选择框选项与文本作为名称从JSON数据和值要接收的选项，我尝试了很多东西，但没有为我工作需要正确的指导如何做到这一点？

来源

2017-04-01 Rakesh Patil

这是一个简单的循环，以生成DOM字符串/''

试试以下内容。

success : function (r) { 
    var data = r.receiverDetails; 
    var options = ''; 

    for(var i=0; i<data.length; i++) { // Loop through the data & construct the options 
     options += '<option value="'+data[i].receiver_id+'">'+data[i].name+'</option>'; 
    } 

    // Append to the html 
    $('#recieverlist').append(options); 
}

来源

2017-04-01 14:31:34

srry bt dnt wrd –

您还可以使用$ .each函数。

   $.each(data.receiverDetails, function(index, value) 
        $("#recieverlist").append('<option value="'+value.receiver_id+'">'+value.name+'</option>'); 
        });

来源

2017-04-01 14:41:14 Karthick

甚至可以这样做： '$（''）.text（value.name）.val（value.receiver_id）;' –

Ajax响应JSON数据来选择HTML框下面

回答

相关问题