크롬에서 javascript onclick 알림이 작동하지 않습니다.

Question

<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> 

누군가이 스크립트로 나를 도울 수 있습니까? i는 사용자가 클릭 할 때마다 역사 1 가깝지만가 아니라 크롬 :(선택 목록에 대한

Answer 1

사용 onchange를 대신 온 클릭에서 스크립트가 파이어 폭스와 IE에서 작동 을 H1 경고 것으로 기대하고있다.

<select name="history" id="history" onchange="historyChanged(this);"> 
<option value="history1">history 1</option> 
<option value="history2">history 2</option> 
<option value="clearhistory">Clear History</option> 
</select> 

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> 
<script type="text/javascript"> 

function historyChanged() { 
    var historySelectList = $('select#history'); 
    var selectedValue = $('option:selected', historySelectList).val(); 

    alert(selectedValue); 

    if (selectedValue == 'clearHistory') { 
     historySelectList.form.submit(); 
    } 
} 

$(function() { 
    alert('my alert'); 
    $('select#history').change(historyChanged); 
}); 

</script> 

Answer 2

대신에 각 옵션의 선택에

사용의 onChange는. 여기에 현재 실리있는 선택 내 옵션의 값을 참조하는 jsfiddle http://jsfiddle.net/tBjkg/

<select name="history" id="history" onChange="alert(this.value);"> 
<option value="history1">history 1</option> 
<option value="history2">history 2</option> 
<option value="clearhistory">Clear History</option> 
</select> 

경고 (this.value)입니다 cted. 당신이 등 크롬, IE에서 옵션 요소에 onClick를 사용하려면

Answer 3

, 당신은 짧은 수정 프로그램을 사용해야합니다 : select 요소의 설정 onChange 속성을 "this.options[this.selectedIndex].onclick()" 일부 브라우저에서

Answer 4

에,

은 같은 옵션을 선택 두 번째 시간,

onchange-event throws가 없습니다.

이 도움이 :

<select onchange="alert/*orwhateveryoudowith:*/(this.value);/*but set:*/this.selectedIndex=0"> 
<option disabled selected>Choose your Plan</option> 
<option value=1>Plan 1</option> 
<option value=2>Plan 2</option> 
<option value=3>Plan 3</option> 
</select>