If I have a select like this

<select id="selectid" name="selectname" onchange="jsfunc1()">
    <option value="val1" id="valid1"> Val1 </option>
    <option value="val2" id="valid2"> Val2 </option>
    <option value="val3" id="valid3"> Val3 </option>
</select>

I now have a javascript function func2, say, that need to do something if option val1 is selected. How do I do that?

For example,

function func2(){
    ....
    if(document.getElementById('valid2').selected==True){
        //Do something 
    }
}

I'm not getting the exact syntax right and that's where I need your help.

If I have a select like this

<select id="selectid" name="selectname" onchange="jsfunc1()">
    <option value="val1" id="valid1"> Val1 </option>
    <option value="val2" id="valid2"> Val2 </option>
    <option value="val3" id="valid3"> Val3 </option>
</select>

I now have a javascript function func2, say, that need to do something if option val1 is selected. How do I do that?

For example,

function func2(){
    ....
    if(document.getElementById('valid2').selected==True){
        //Do something 
    }
}

I'm not getting the exact syntax right and that's where I need your help.

• javascript
• html
• syntax-error
• html-select

• 2 Careful, case sensitivity, True != true. – elclanrs Commented Aug 18, 2013 at 21:15
• if(document.getElementById('selectid').value=='val1') – nnnnnn Commented Aug 18, 2013 at 21:16

1 Answer 1

I guess that this will work for you.

if(document.getElementById('selectid').value == "val1") {
     //Do something
}