JavaScript fonctionne sur FireFox mais pas sur Chrome ou IE

Question

Après mon code où je crée un div avec une boîte Adrop vers le bas sur ma page et je veux un événement onClick sur les éléments de la sélection:

$("div.projectTeamTools").html('Organize by Project Teams: <select id="projectTeams"><c:forEach var="projectTeam" items="${userProjectTeams}"><option value="${projectTeam.projectId}" onClick="javascript:onTeamSelect(this.value)">${projectTeam.projectName}</option></c:forEach></select>'); 

function onTeamSelect(teamId){ 
     alert(teamId +" Selected"); 
} 

Le code fonctionne bien sur Firefox, mais pas sur IE ou Chrome. Quelqu'un peut-il aider s'il vous plaît!

Answer 1

essayez ceci:

$("div.projectTeamTools").html('Organize by Project Teams: <select id="projectTeams"><c:forEach var="projectTeam" items="${userProjectTeams}"><option value="${projectTeam.projectId}" >${projectTeam.projectName}</option></c:forEach></select>'); 


    $("#projectTeams").change(function() { 
     onTeamSelect($(this).val()); 
    }); 

function onTeamSelect(teamId){ 
     alert(teamId +" Selected"); 
} 

Answer 2

L'élément d'option prend très mal en charge les événements tels que onclick.

Ceci est un issue connu dans les navigateurs WebKit.

Vous devez utiliser l'événement onchange sur l'élément <select> à la place.

Par exemple:

<select id="projectTeams" onchange="onTeamSelect(this.options[this.selectedIndex].value)"> 

Answer 3

Peut-être javascript est désactivé en chrome/IE Cela peut être utilisé pour activer le javascript en chrome Aller à Démarrer-> Exécuter et entrer suivant "C: \ Documents and Settings \% username% \ Paramètres locaux \ Application Data \ Google \ Chrome \ Application \ chrome" -enable-javascript