jQuery 클릭이 ie7/8의 select 옵션과 함께 작동하지 않습니다.

Question

jQuery 1.7.1을 사용하고 있습니다. 다음 코드는 내 선택 메뉴에 .click 이벤트를 추가하는 추가 옵션을 추가합니다. 이 코드는 firefox/ie9에서 완벽하게 작동하지만 새로운 옵션 추가를 클릭하면 ie7/8에 다음 오류가 표시됩니다. 나는 행운도없이 선택 이벤트를 시도했다. 구문 오류, 인식 할 수없는 표현 : # JQuery와-1.7.1.js, 라인 4179 문자 2

사람은 IE7과 같은 기존 브라우저에서이 작품/8

$("select").append($('<option></option>').text("Add New Option").click(function(){ 
    alert("test"); 
})); 

JS 오류 SCRIPT5022을 만드는 방법을 알고 있나요

JS 바이올린 예

http://jsfiddle.net/gchristman/gucgG/3/

Answer 1

이 부착하지 마십시오 단지 선택의 변경 이벤트에 가입하고이 항목이 추가되는 경우 확인 옵션에 이벤트를 클릭? 변경 사항을 식별하기 위해 새 항목의 값을 0으로 지정했습니다. IE7/8을 사용하는 자바 스크립트에 대한

$("select").append($('<option></option').text("Add New Option").val(0)); 

$("select").change(function() { 
    if $("select option:selected").val() == 0) { 
     alert("test"); 
    } 
}); 

Answer 2

시도

.on("click", function() { 
    alert("test"); 
})); 

,

대신 : 그 작동하는 경우

.click(function() { 
    alert("test"); 
})); 

참조?

Answer 3

onchange 이벤트를 사용해야합니다. 대신을 시도해보십시오

$("select").append($('<option></option>').text("Add New Option")).change(function(){ 
    alert("test"); 
})); 

관련 : Click event on select option element in chrome

Answer 4

: JS fiddle

<select id="sel" onchange="test(this.value)"><option>option1</option></select> 

<script language="javascript"><!-- 
//<![CDATA[ 
s=document.getElementById("sel"); 
var opt = document.createElement('option'); 
opt.value = "add"; 
opt.innerHTML = "Add New Option"; 
s.appendChild(opt); 

function test(val){ 
    if (val = "add"){ 
     alert("test"); 
    } 
} 

//]]> 
--></script>