用ajax传过来的数据,为何IE中click无反应

顺势而为1 2017-12-07 02:52:18

用ajax从后台传数据, 在如下界面中, 在Chrome及Firefox中 click后都会选择当前数据, 但IE中click后无反应, 有人知道原因吗 ?

主要代码
function ClientNameOnKeyup(txtClientName) {
var hidSelectedClientList = document.getElementById("<%=hidSelectedClientList.ClientID %>");
var searchName = txtClientName.value;
txtClientName.title = txtClientName.value;
var iMode = 3;
$("#selectClientName").html("");

$.ajax({
async: false,
type: "post",
url: "../DataPages/ajaxpagereceiver.aspx/SearchClients",
data: JSON.stringify({ searchName: searchName, iMode: iMode }),
contentType: "application/json; charset=utf-8",

success: function (data) {
var aData = eval(data.d);

divClientNameByCancel(aData.length);

for (var i = 0; i < aData.length; i++) {
$("#selectClientName").append("<option id=cName"
+ aData[i].iClientID + " Onmouseover='selectClientNameOnmouseover(" + aData[i].iClientID + ")' Onmouseout='selectClientNameOnmouseout(" + aData[i].iClientID + ")' "
+ "onclick='ClientNameOnclick("
+ aData[i].iClientID + ")' title='" + aData[i].cName + "' >"
+ aData[i].cName + "</option>");
}

},
error: function (jqXHR, textStatus, errorThrown) {

if (searchName == "") {
$("#divClientNameList").css("display", "none");
hidSelectedClientList.value = 0;
return false;
};
console.log(errorThrown);
}
});
return true;

}

function ClientNameOnclick(i) {
var txtFirstNameID = document.getElementById("<%=txtClientName.ClientID %>");
var optionFirstName = document.getElementById("cName" + i).value;
txtFirstNameID.value = optionFirstName;
var hidSelectedClientID = document.getElementById("<%=hidSelectedClientID.ClientID %>");

txtFirstNameID.title = txtFirstNameID.value;
hidSelectedClientID.value = i;

$("#divClientNameList").css("display", "none");

}