php - 在jquery select中使用json对象数据

Question

{"names": [
    {"patientName": "Ratna"},
    {"patientName": "raju" },
    {"patientName": "krishna"},
    {"patientName": "kishore"},
    {"patientName": "Kishore1"},
    {"patientName": "mahesh"}
]}

这是我从 Ajax 调用中获得的 JSON 对象，所以现在我想patientName通过 jquery 将所有值添加到选择框

谁能告诉我如何做到这一点？

这里我使用 $.ajax() 函数进行 ajax 调用

提前致谢

Answer 1

var select = $('#selectid');
$.each(data.names, function(i, v){
    select.append('<option value="'+v.patientName+'">'+v.patientName+'</option>');
}

文档 - $.each() , .append()

小提琴

Answer 2

尝试类似：

var selectbox = '';
var options = '';

for (var i = 0; i < YourJsonObject.names.length; i++) {
options += '<option value="' + YourJsonObject.names[i] + '">' + YourJsonObject.names[i] + '</option>';
}

$("select#yourSelectBoxID").html(selectbox);

Answer 3

试试这个，

var data = {
    "names": [
        {"patientName": "Ratna"},
        {"patientName": "raju" },
        {"patientName": "krishna"},
        {"patientName": "kishore"},
        {"patientName": "Kishore1"},
        {"patientName": "mahesh"}
    ]
}
var names = data.names;
var options = [];
for(i=0,len=data.names.length;i<len;i++){
    options[i] = '<option>' + names[i].patientName + '</option>';
}
$('<select></select>').append(options.join('')).appendTo('body');