onchange가 jquery에서 작동하지 않습니다. appendTo()

Question

jQuery를 처음 사용하고 select를 사용하여 동적 드롭 다운 메뉴를 만들려고했습니다. 그러나 appendTo에서 onChange를 사용할 수 없습니다. 어떤 제안?

<script> 
$(function() { 
    var addDiv = $('#content'); 
    var n = 1; 
    jq144('#add_match').live('click', function() { 
     $('<p ><select onchange = "showUser(this.value, "select_team_' + (n) + '")" name="select_team_' + (n) + '" id="select_team_' + (n) + '"><option value = "">Team 1</option><option value = "a">A</option> <option value = "b">B</option><option value = "c">C</option></select> </p>').appendTo(addDiv); 
    ++n; 
    }); 
}); 
</script> 

또한 on()을 사용했지만 매개 변수를 전달할 수 없습니다. 여기

가 showUser입니다 :

<script> 
    function showUser(str, select_name) { 
     var num = parseInt(select_name.substr(select_name.length - 1)); 
     alert(num + 1); 
     if (window.XMLHttpRequest) { 
      xmlhttp=new XMLHttpRequest(); 
     } else { 
      xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
     } 
     xmlhttp.onreadystatechange=function() { 
      if (xmlhttp.readyState==4 && xmlhttp.status==200) { 
       $("select[id='select_team_" + (num + 1) + "']").html(xmlhttp.responseText).selectmenu("refresh"); 
      } 
     } 
     xmlhttp.open("GET","getplayers.php?q="+str.value,true); 
     xmlhttp.send(); 
    } 
</script> 

마지막으로 내가 CSTE 연구진 사용하여 문제를 해결할 수 있었다().

Answer 1

이 당신의 클릭을 교체하십시오 :

jq144('#add_match').live('click', function() { 
    $('<p ><select onchange ="showUser(this.value, select_team_"' + (n) + '") name="select_team_' + (n) + '" id="select_team_' + (n) + '"><option value = "">Team 1</option><option value = "a">A</option> <option value = "b">B</option><option value = "c">C</option></select> </p>').appendTo(addDiv); 
++n; 
}); 

이 당신을 도울 수 있습니다. onchange 함수 정의에 잘못된 문자열 닫는 따옴표가 있습니다.