using json object data in jquery select

Question

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

this is the JSON object i'm getting from Ajax call so now i want to add all patientName values to select box through jquery

can any one tell me how to accomplish this ??

here i'm using $.ajax() function for ajax call

thanks in advance

Musa · Accepted Answer · 2012-06-05 06:03:49Z

1

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

Doc - $.each(), .append()

Fiddle

answered Jun 5, 2012 at 6:03

Musa

97.9k17 gold badges123 silver badges144 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Johnny Mnemonic · Accepted Answer · 2012-06-05 06:02:32Z

0

Try something like:

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);

edited Jun 5, 2012 at 6:02

answered Jun 5, 2012 at 6:00

Johnny Mnemonic

1871 gold badge2 silver badges8 bronze badges

Comments

Jashwant · Accepted Answer · 2012-06-05 06:16:09Z

0

Try this,

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');

answered Jun 5, 2012 at 6:16

Jashwant

29.2k16 gold badges76 silver badges110 bronze badges

Collectives™ on Stack Overflow

using json object data in jquery select

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related