JQuery get select option value blank

Question

<select name="category" id="category"> <option value="">All Category</option> <option value="1">Category 1</option> <option value="2">Category 2</option> <option value="3">Category 3</option> </select> 

How to choose a category with value = ""

Conditions for the correct:

 if($('#category option:selected')){ var category_url = "&category="+$('#category').val(); <!-- True --> } 

Condition 2 is false:

 if($('#category option[value=""]')){ var category_url = ""; <!-- Error --> } 

Please help me!!!

Answer 1

I'm not sure if I understood your question correctly, but you want to do something like that?

 if($('#category option:selected')){ var selValue = $('#category').val(); var category_url; if(selValue) category_url = "&category="+$('#category').val(); <!-- True --> else <!-- error --> } 

Answer 2

 if(!$("#category").val()) //selected valule is "" 

Answer 3

This is a bit outdated, but you can do:

 $('#category').find('option:empty') 

Answer 4

In fact, if you tell the browser that you haven't chosen anything, jox does this:

 $("#category option").attr("selected", false); //Unselect each option 

By default, the browser will select the first option, regardless of the parameter value.

Hope this helps :)