This is json data is comming from php
[{"employee_id":"1","first_name":"Ganesh","last_name":"Mulay"},
{"employee_id":"2","first_name":"khalid","last_name":"shaikh"},
{"employee_id":"3","first_name":"Navnath","last_name":"Bangar"}
]
And i want output like this
<option value="1"> Ganesh Mulay </option>
<option value="2"> khalid shaikh </option>
<option value="3"> Navnath Bangar</option>
It is as same as using javascript
for (var i = 0; i < arr.length; i++) // Do something like arr[i].employee_id;
Kindly check this example: https://jsfiddle.net/14ra68hs/
var jData = [{
"employee_id": "1",
"first_name": "Ganesh",
"last_name": "Mulay"
}, {
"employee_id": "2",
"first_name": "Rahul",
"last_name": "kumar"
}, {
"employee_id": "3",
"first_name": "Kiran",
"last_name": "Raj"
}];
$('<select id="test">').appendTo('body');
$.each(jData, function(index, value) {
$('<option>').val(value.employee_id).text(value.first_name + ' ' + value.last_name).appendTo('select#test');
});
var jData = [{
"employee_id": "1",
"first_name": "Ganesh",
"last_name": "Mulay"
}, {
"employee_id": "2",
"first_name": "Rahul",
"last_name": "kumar"
}, {
"employee_id": "3",
"first_name": "Kiran",
"last_name": "Raj"
}];
$('<select id="test">').appendTo('body');
$.each(jData, function(index, value) {
$('<option>').val(value.employee_id).text(value.first_name + ' ' + value.last_name).appendTo('select#test');
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>You can do something like this
$(document).ready(function(){
var json =[{"employee_id":"1","first_name":"Ganesh","last_name":"Mulay"},{"employee_id":"2","first_name":"Rahul","last_name":"kumar"},{"employee_id":"3","first_name":"Kiran","last_name":"Raj"}
];
//convert json to object
var html = "";
for(var key in json)
{
html += '<option value="'+json[key].employee_id+'">'+
json[key].first_name+ ' '+json[key].last_name+'</option>';
}
$("select").html(html)
})<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select>
</select>