a continuación está mi llamada ajax y obtengo datos r JSON
$.ajax ({ type: "POST", url: "getrecieverlist.php", data: { strSenderID: sendmeid }, success: function (r) { } });Recibo respuesta r como datos JSON a continuación
{ "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 }y mi código html de cuadro de selección está debajo
<select id="recieverlist" name="select" class="main-form"> <option value="">None Selected</option> </select>lo que quiero es completar las opciones del cuadro de selección con el texto como nombre de los datos JSON y el valor de las opciones para ser ID de receptor, probé muchas cosas pero no funcionó para mí, ¿necesito la guía adecuada sobre cómo hacerlo?
Intente seguir.
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); }También puede $.cada función.
$.each(data.receiverDetails, function(index, value) $("#recieverlist").append('<option value="'+value.receiver_id+'">'+value.name+'</option>'); });