Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

javascript onclick alert not working in chrome

<select name="history" id="history" >
 <option value="history 1" onClick="alert('h1');">history 1</option>
 <option value="history 2" onClick="alert('h2');">history 2</option>
 <option value="clearhistory" onClick="this.form.submit();" >Clear History</option>
</select>

could someone help me with this script? i am expecting that whenever the user clicks history 1 ..it will alert h1 the script works in firefox and IE but not in Chrome :(

like image 970
kapitanluffy Avatar asked Dec 02 '10 22:12

kapitanluffy


1 Answers

If you want to use onClick for option element in Chrome, IE, etc., you must use short fix: set onChange attribute of select element to "this.options[this.selectedIndex].onclick()"

like image 66
PEPSON Avatar answered Oct 15 '22 20:10

PEPSON