我的 asp.net MVC 视图中有几个文本框,当用户单击它们时会显示一个弹出窗口。弹出窗口还有一个文本框,用户在 jquery 弹出窗口中输入一个值并单击确定,所选值显示在单击的文本框中。我在此文本框上使用 textbox.change 事件,但它不会被触发,因为仅当我手动单击文本框时才会触发该事件。
$(document).ready(function () {
jQuery("#NumberCalledTo").click(function () {
displayAlertMessage($(this).val());
});
$("#dial-prefix").dialog({
autoOpen: false,
modal: true,
width: 470,
resizeable: true,
buttons: {
"OK": function () {
var selectedDialPrefixValue = $("#dialprefixPopup").val();
var selectedPhoneValue = $("#PhoneNumber").val();
// remove + and space from dialprefix selected on popup
selectedDialPrefixwithoutPlus = selectedDialPrefixValue.replace(selectedDialPrefixValue.substring(0, 1), " ");
selectedDialPrefixwithoutPlus = $.trim(selectedDialPrefixwithoutPlus);
// number must be 10 or 11 digits long
if (selectedDialPrefixwithoutPlus == "44" && selectedPhoneValue.substring(0, 1) == "0" && selectedPhoneValue.length < 11) {
//displayAlertMessage("Invalid number. Must must have 10 digits.");
$("#div-uk-error-message").dialog("open");
return;
}
else if (selectedDialPrefixwithoutPlus == "44" && selectedPhoneValue.length < 10) {
//displayAlertMessage("Invalid number. Must must have 9 digits.");
$("#div-uk-error-message").dialog("open");
return;
}
// remove 0 from phone number
if (selectedPhoneValue.substring(0, 1) == "0") {
selectedPhoneValue = selectedPhoneValue.replace(selectedPhoneValue.substring(0, 1), "");
}
if (selectedPhoneValue != '') {
var selectedDialPrefix = $("#SelecteddialprefixId").val();
var selectedPhone = $("#SelectedPhoneId").val();
$("#" + selectedDialPrefix).val(selectedDialPrefixValue);
$("#" + selectedPhone).val(selectedPhoneValue);
}
$(this).dialog("close");
},
"Cancel": function () {
$(this).dialog("close");
}
}
});
});
$("#dial-prefix").dialog 在文本框点击时打开。我无法向 OK 按钮功能添加任何代码,因为此弹出窗口正在不同的页面和不同的文本框中使用。
请提出解决方案