I'm getting syntax errors while trying to add an if/else statement the onclick attribute. What is the syntax for this?
<div onclick="var element = $('#selector'); if (element.val() == 'something') { alert('hello'); } else { alert('goodbye'); } ">
Click here
<input type="hidden" id="selector" value="something" />
</div>
...and yes, I must have this javascript in the onclick attribute (can't move this to a function).
I'm getting syntax errors while trying to add an if/else statement the onclick attribute. What is the syntax for this?
<div onclick="var element = $('#selector'); if (element.val() == 'something') { alert('hello'); } else { alert('goodbye'); } ">
Click here
<input type="hidden" id="selector" value="something" />
</div>
...and yes, I must have this javascript in the onclick attribute (can't move this to a function).
Share Improve this question edited Sep 28, 2010 at 20:43 Andrew asked Sep 28, 2010 at 20:08 AndrewAndrew 239k195 gold badges530 silver badges718 bronze badges 02 Answers
Reset to default 5.val() is a jQuery method. You want to access the value property of the DOM element.
if (element.value == 'something') {
Or create a jQuery object if you have jQuery loaded:
if ($(element).val() == 'something') {
If you took that approach, you could always use a jQuery selector:
if ($('#selector').val() == 'something') {
Javascript DOM elements do not have a val() function. (Are you thinking of jQuery?)
Change .val() to .value.
If you are thinking of jQuery, you can write if ($('#selector').val() == 'something').