Question

以下是我的代码，我在页面上创建了一个带有adrop-down框的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

选项元素非常不支持onclick等事件。

这是基于WebKit的浏览器中的已知issue。

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

例如：

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

Answer 3

可能是您在Chrome / IE中禁用了javascript 这可用于在chrome中启用javascript 转到开始 - ＆gt;运行并输入以下内容 “C：\ Documents and Settings \％username％\ Local Settings \ Application Data \ Google \ Chrome \ Application \ chrome”-enable-javascript

JavaScript适用于FireFox，但不适用于Chrome或IE

3 个答案: