html - How do I hide a option from a select element in jquery after change event? -


i'm trying hide default option jquery after first option change made, still see it.

$('#spaceaccommodation').change(function () {     $("#spaceaccommodation").children("option[value^=default]").hide(); });  <select class="form-control" id="spaceaccommodation" name="yogaspaceaccommodation">      <option value="default">0</option>       <option value="0">1-4</option>      <option value="1">5-9</option>      <option value="2">10-15</option>      <option value="3">16-20</option>      <option value="4">20+</option> </select> 

i can confirm josh's comment work in ie.

http://jsfiddle.net/w2lu9pur/

$('#spaceaccommodation').change(function () { $("#spaceaccommodation").children("option[value^=default]").remove(); }); 

Comments

Popular posts from this blog

shopping cart - Page redirect not working PHP -

php - How to modify a menu to show sub-menus -

python - Installing PyDev in eclipse is failed -