Is there any way to Optimize the below lines of code?
$('#state').children('option:not(:first)').remove();
$('#city').children('option:not(:first)').remove();
$('#branch').children('option:not(:first)').remove();
$('#branchAddress').children('option:not(:first)').remove();
I have tried adding all the fields by comma seperated, but it is not working.
Please help to optimize the above code.
I would try something like :
$('#state, #city, #branch, #branchAddress')
.each(function(i,item){$('option:not(:first)',$(item)).remove();});
or like this :
$('#state, #city, #branch, #branchAddress').find('option:not(:first)').remove();
at last (but I wouldn't call it optimization ;-)
$('#state option:not(:first), #city option:not(:first), #branch option:not(:first), #branchAddress option:not(:first)').remove();
Try
$('#branchAddress #state #city #branchAddress').children('option:not(:first)').remove();
Its possible to have multple elements in the selector.
add the same class to all of the above and refer to it once instead of referring to the ID's multiple times
The following should do (see also jQuery multiple-selector api)
$('#state, #city, #branch, #branchAddress').children('option:not(:first)').remove();
selectelements if so plz show the html (or at least the selects)