선택 옵션이 IE11

Question

에서 작동하지 않는 이는 HTML 코드입니다 :

<select multiple="multiple" id="selectPartType"> 
     <option value = 'FG'>FG</option> 
     <option value = 'SFG'>SFG</option> 
     <option value = 'RM'>RM</option> 
</select> 

JQuery와 클릭 이벤트 :

$('select option').on('click', function (event) {   
      alert('Hello');   
}); 

이 코드는 IE 11에서 작업하지만, 구글에서 작동하지 않습니다 crome과 파이어 폭스. 해결책을 제안하십시오.

Answer 1

. 옵션 중 하나를 선택하거나 선택 취소하면 해고됩니다.

또한 select option에 바인딩하는 대신 change 이벤트의 경우 select에 바인딩해야합니다.

$('select').on('change', function (event) {   
 
     alert('Hello');   
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<select multiple="multiple" id="selectPartType"> 
 
     <option value = 'FG'>FG</option> 
 
     <option value = 'SFG'>SFG</option> 
 
     <option value = 'RM'>RM</option> 
 
</select>

Answer 2

jQuery 선택기에서 올바른 ID 식별자 #를 사용하십시오. 이 시도 :

$('#selectPartType').on('click', function (event) {   
    alert('Hello');   
}); 

또는이 : 당신은 change 이벤트를 수신해야

$('#selectPartType').on('change', function (event) {   
    alert('Hello');   
}); 

Answer 3

당신은 IE를 고려할 때 어떤 JQuery와를 피하기 위해 일반 자바 스크립트에서 같은를 얻을 수 있습니다.

document.getElementById('selectPartType').onchange = function() { 
 
    alert("Hello!"); 
 
}

<select multiple id="selectPartType"> 
 
     <option value = 'FG'>FG</option> 
 
     <option value = 'SFG'>SFG</option> 
 
     <option value = 'RM'>RM</option> 
 
</select>

[onclick을 선택에 IE에서 작동하지 (의