How to check if value is not `blank` in this code using Java Script or jQuery?

Question

How to check if value is not blank in this code using Java Script or jQuery?

<select name="producttype" class="selectOption">
    <option class="selectOption" value="blank">Select something</option>
    <option class="selectOption"  value="test1">Test1</option>
    <option class="selectOption"  value="test2">Test2</option>
    <option class="selectOption"  value="test3">Test3</option>
</select>

I commented after an answer had been posted. The point seemed moot for this time around. — user2625787
– user2625787, Commented Aug 7, 2013 at 15:55

emerson.marini · Accepted Answer · 2013-08-07 15:50:23Z

1

Using jQuery:

$(".selectOption").on("change", function() {
    if ($(this).val() != "blank")
        // Do something
});

answered Aug 7, 2013 at 15:50

emerson.marini

9,3462 gold badges35 silver badges50 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

tymeJV · Accepted Answer · 2013-08-07 15:48:51Z

0

You can do:

$("select[name=producttype]").change(function() {
    if (!(this.value == "blank"))
        console.log("not blank!");
});

answered Aug 7, 2013 at 15:48

tymeJV

105k14 gold badges165 silver badges158 bronze badges

4 Comments

Vivin Paliath Over a year ago

This won't work. this.value is not defined for a select object. You will have to do jQuery(this).val().

Vivin Paliath Over a year ago

Ah, interesting. I guess this must be something recent. Previously you had to get it from select.options[select.selectedIndex].value. Old habits die hard, I guess. :)

emerson.marini Over a year ago

It works, because it's using the DOM object with Javascript. But it looks "ugly" because it's part jQuery, part native JS.

Vivin Paliath Over a year ago

@MelanciaUK Thanks for the explanation; learnt something new.

Vivin Paliath · Accepted Answer · 2013-08-07 15:49:30Z

0

It should be as simple as:

if(jQuery("select.selectOption").val() !== "blank") {
    ...
}

Or if you're checking to see that the value is not blank on a change event:

jQuery("select.selectOption").on("change", function() {
    if(jQuery(this).val() !== "blank") {
        ...
    }
});

answered Aug 7, 2013 at 15:49

Vivin Paliath

95.8k42 gold badges230 silver badges302 bronze badges

Collectives™ on Stack Overflow

How to check if value is not `blank` in this code using Java Script or jQuery?

3 Answers 3

Comments

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related