jquery - How to show the default Option Value in the HTML Select Tag -

i appending dynamic values html select .

i doing way

var response = {     "companies": [{         "companyid": 2,         "companyname": "ravi corporation ltd."     }, {         "companyid": 3,         "companyname": "kiran cement ltd."     }, {         "companyid": 4,         "companyname": "acc ltd."     }] }  var companies = '<option value="">all companies</option>'; (var = 0; < response.companies.length; i++) {     companies += '<option value="' + response.companies[i].companyid + '" selected>' + response.companies[i].companyname + '</option>' } $("#companieslist").html(companies); 

the last value being shown in html select , possible show companies first value ??

this jsfiddle

https://jsfiddle.net/cf7hnvcq/1/

could please let me know how

only option want see default should have selected attribute.

line 20 should be:

var companies = '<option value="" selected>all companies</option>'; 

and line 22 should be:

companies += '<option value="' + response.companies[i].companyid + '">' + response.companies[i].companyname + '</option>' 

demo