If I have a dropdownlist with two list elements as below then I want to remove the top one. I know this bit of code would remove the element $('#DeliveryOptionId option:nth-child(1)').remove(); but how can we count the items before removing the first.thanks
<select id="DeliveryOptionId" name="DeliveryOptionId" class="valid">
<option value="">Delivery options</option>
<option value="1">Post article to me</option>
</select>
If you want to know the number of items in the select, use length:
var numberOfOptions = $('#DeliveryOptionId option').length;
Use $('#DeliveryOptionId option').length to check for length and then remove.
if($('#DeliveryOptionId option').length > 1) {
$('#DeliveryOptionId option:nth-child(1)').remove();
}
> 1 ;)>3 would be needed :)length returns the number of jQuery elements found by the selector
var nr = $('#DeliveryOptionId option').length;
If you want to remove the first option use:
$('#DeliveryOptionId option').first().remove();
or
$('#DeliveryOptionId option:first').remove();
And if you want to remove the last use last() (or :last) instead of first() (or :first).
$("#DeliveryOptionId option").length;
