jquery - Javascript improving ajax call for populating select -
i using code data , populate select dropdown.
$.ajax({ url: 'myurl here', method: 'get', success: function(result) { $.each(result.main, function(result, value) { $('#myselect').append($('<option>').text(value.id).attr('value', value.id)); }); } });
what need after populating select value of 1st line populated in select.
how can this?
to can set val()
of select first item in array. try this:
success: function(result) { var html = ''; $.each(result.main, function(result, value) { html += '<option value="' + value.id + '">' + value.id + '</option>' }); $('#myselect').append(html).val(result.main[0].id); }
alternatively if want force selection first option
within select can set selectedindex
property 0
:
$('#myselect').append(html).prop('selectedindex', 0);
also note amended loop generate single html string appended dom once, quicker amending dom on each iteration.
update
i want value of first 1 , store in variable can use later
in case can use result.main[0].id
:
var first = result.main[0].id
Comments
Post a Comment