Checking selected tag via jquery

Question

<select name="spell">
    <option value="Passive">Passive</option>
    <option value="Q">Q</option>
    <option value="W">W</option>
    <option value="E">E</option>
    <option value="R">R</option>
</select>
<script>
    $(document).ready(function(){
        if($('option[value=spell]')=='Q'){
            console.log('test');
        }
    });
</script>

I'm trying to check if Q is selected with Jquery and display 'test' in console

possible duplicate of [How to get jQuery dropdown value onchange event](http://stackoverflow.com/questions/19922729/how-to-get-jquery-dropdown-value-onchange-event) — KHeaney, Feb 06 '15 at 17:26

score 0 · Accepted Answer · answered Feb 06 '15 at 17:27

I would do it like this [example below]. This checks the value of the selected option.

DEMO http://jsfiddle.net/hy8c2unr/1/

$("select").on('change', function(){
    if($('select option:selected').val() === 'Q'){
        alert('test');
    }
});

Would also work

$("select").on('change', function(){
    if($(this).val() === 'Q'){
        alert('test');
    }
});

Checking selected tag via jquery

1 Answers1