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.
$('#spaceaccommodation').change(function () { $("#spaceaccommodation").children("option[value^=default]").remove(); });
Comments
Post a Comment