JavaScript可在FireFox上使用，但不能在Chrome或IE上使用

Question

以下是我的代码，在该代码中我在页面上创建一个带有下拉框的div，并希望在select的元素上发生onClick事件：

$("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");
}

该代码可以在Firefox上正常运行，但不能在IE或Chrome上正常运行。 谁能帮忙！

Answer 1

尝试这个：

$("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

Option元素很少支持onclick等事件。

这是基于WebKit的浏览器中的一个已知问题 。

您需要在<select>元素上使用onchange事件。

例如：

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

Answer 3

可能是您的chrome / IE中的javascript被禁用了。这可以用来在chrome中启用javascript。转到“开始”->“运行”，然后输入以下内容：“ C：\\ Documents and Settings \\％username％\\ Local Settings \\ Application Data \\ Google \\ Chrome \\ Application \\ chrome“ -enable-javascript