-
-
Save paulund/5861214 to your computer and use it in GitHub Desktop.
$("#selectBox").append('<option value="option6">option6</option>'); |
$.each(selectValues, function(key, value) { | |
$('#mySelect') | |
.append($("<option></option>") | |
.attr("value",key) | |
.text(value)); | |
}); |
<select id="selectBox" name="selectBox"> | |
<option value="option1"> option1 </option> | |
<option value="option2"> option2 </option> | |
<option value="option3"> option3 </option> | |
<option value="option4"> option4 </option> | |
</select> |
$('select').children('option:not(:first)').remove(); |
$("#selectBox option[value='option1']").remove(); |
thanks bro.
This works well.
$('#myselect').children('option').remove();
and after in your ajax request or using getJSON, bind the select like this:
$('#myselect').append(new Option(value.content, value.id, false, false));
nice
Good, but how I can update select?
I added new option successfully but when I lost focus and click select box again, newly added option gone. any idea why?
Another way to write the example from add-options-from-array.js
$.each(selectValues, (key, value) => {
$("<option/>", {
"value": key,
"text": value
}).appendTo($("#mySelect");
});
Remove all items:
$("#city_id").empty();
thanks!.
great, Thanks For Sharing.
Thank you, this worked perfectly for what I needed
Thank you!
I want to remove one option and append another option in the same index.
Consider that:
<select id="selectBox" name="selectBox" >
<option value="option1"> option1 <option>
<option value="option2"> option2 <option>
<option value="option3"> option3 <option>
<option value="option4"> option4 <option>
<select>
After remove and append I want the options like:
<select id="selectBox" name="selectBox" >
<option value="myoption"> myoption <option>
<option value="option2"> option2 <option>
<option value="option3"> option3 <option>
<option value="option4"> option4 <option>
<select>
Is there any way to work with index?
thx