jQuery remove options from select without value attribute

Question

I want to ignore/remove all options from a select box that either have a blank value or don't have the value="" attribute at all, e.g.

<option>Any Option</option> <option value="">Any Option</option>

Here is my jQuery:

$(function() { // Create the dropdown base $("<select />").appendTo("#pagination_container"); // Create default option "Go to..." $("<option />", { "selected": "selected", "value" : "", "text" : "Select Page..." }).appendTo("#pagination_container select"); // Populate dropdown with menu items $("#pagination_container a").each(function() { var el = $(this); $("<option />", { "value" : el.attr("href"), "text" : el.text() }).appendTo("#pagination_container select"); }); $("#pagination_container select").change(function() { window.location = $(this).find("option:selected").val(); }); });

Please post your markup.

PeterKA
– PeterKA

2015-08-12 20:30:26 +00:00
Commented Aug 12, 2015 at 20:30 — PeterKA
– PeterKA, Commented Aug 12, 2015 at 20:30

PeterKA · Accepted Answer · 2015-08-12 20:40:48Z

You would need to use a two-part selector to achieve that:

$('option[value=""],option:not([value])').remove();

NOTE: Bear in mind that value="" checks the initial state of the elements. Therefore if you later change the value of the element, and not necessarily the value attribute, then you may get unexpected results. If the values of the option elements are bound to change, please use filter() instead of [value=""].

kiranvj · Accepted Answer · 2015-08-12 20:30:57Z

Target the elements like this

$('option[value=""]');

and to remove do this

$('option[value=""]').remove();

Kevin Wheeler · Accepted Answer · 2015-08-12 20:36:52Z

$("#pagination_container").find("option").each(function(index, el){ var $el = $(el); var value = $el.attr("value"); if (value === "" || value === undefined) $el.remove(); });

As of jQuery 1.6, the .attr() method returns undefined for attributes that have not been set. source

Thanks for suggestion, this solution solves my another problem

Community · Accepted Answer · 2017-05-23 10:26:40Z

This question is similar to this questions:

Check the links and learn a lot of diferents way to solve your problem.

Collectives™ on Stack Overflow

jQuery remove options from select without value attribute

4 Answers 4

Comments

Comments

1 Comment

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

1 Comment

Comments

Linked

Related