jquery select remove undefined?

Question

Hi, I using jquery how do i remove the one of the elements of the select dropdown where the value

<option value=" ">undefined</option>

i tried

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

None of them worked.

Please advise.

Answer 1

 $("#subType option:contains(undefined)").remove();

But note that this will also remove options like:

<option value="foo">undefined bar</option>

You can read about any method in the API documentation. It is divided into categories which makes finding easier, e.g. traversing, manipulation, etc.

Answer 2

In case removing options like 'undefined blah blah' is not desired, this will remove the exact text:

$('#subType option').filter(function() {
      return $(this).text() == 'undefined';
  }).remove();