Question

到目前为止，此代码在Chrome，Firefox和Safari中运行良好，但在IE测试期间，onclick事件不会在任何版本的IE中触发。我们测试了IE7-IE11。

此代码的目的是在单击“更新”按钮后将从下拉列表中选择的数据填充到文本输入框中。

这是一个片段：

HTML

<input type="button" value="Update" onclick="javascript:updateText();">

的jQuery

<script>
function updateText() {
//** Removes first option of select **//
$("option#ddlOptionsSelect.ng-binding").remove();

//** Populates option selected from dropdown into a text input field **//
document.getElementById("ctl00_cphMainContent_ucDialCustomization_Duc18264_StringTextBox").value =
$('#Dial_18269 #ddlOptions').val();
document.getElementById("ctl00_cphMainContent_ucDialCustomization_Duc18265_StringTextBox").value =
$('#Dial_18459 #ddlOptions').val();
document.getElementById("ctl00_cphMainContent_ucDialCustomization_Duc18266_StringTextBox").value =
$('#Dial_18456 #ddlOptions').val();
document.getElementById("ctl00_cphMainContent_ucDialCustomization_Duc18267_StringTextBox").value =
$('#Dial_18457 #ddlOptions').val();
document.getElementById("ctl00_cphMainContent_ucDialCustomization_Duc18268_StringTextBox").value =
$('#Dial_18460 #ddlOptions').val();
}
</script>

有关此脚本无法在Internet Explorer中运行但在其他所有浏览器中都有效的建议会有所帮助。

Answer 1

将JQuery用于事件监听器：

$("#<id>").on("click", function(){

    updateText();
});

您只需要在按钮上添加ID。

<input type="button" value="Update" id="<id>">

离。jsfiddle

Answer 2

除了使用jQuery为输入提供id并附加和onClick之外，您还可以简单地将输入的onclick属性更改为 onclick =＆＃34; updateText（）;＆＃34; < /强>

在IE中，jQuery onclick事件不会被触发

2 个答案: