WebForm弹出框，选择弹出的值，点击确认，自动关闭弹出框，并把选中的值传回父页面

m0_74456535

于 2022-10-22 16:44:11 发布

阅读量876

点赞数

文章标签： ajax servlet javascript

本文链接：https://blog.csdn.net/m0_74456535/article/details/127463738

版权

这篇博客介绍了如何在WebForm应用中实现弹出框选择功能，当用户在弹出框中选择联系市领导或区领导后，能够自动关闭弹出框并将所选值传回父页面。主要涉及AJAX、JavaScript和servlet技术，通过layer弹出框和异步请求实现数据交互。

摘要由CSDN通过智能技术生成

1.前端aspx部分

<tr>
<td align="right">
联系市领导：
</td>
<td>
<asp:TextBox ID="TXT__LXSLD__TZ_XMJB_BMXX" CssClass="input" runat="server"></asp:TextBox>
</td>
<td align="right">
联系区领导：
</td>
<td colspan="3">
<asp:TextBox ID="tbx_LXQLD" runat="server" CssClass="input" ContentEditable="false"
autocomplete="off" Style="width: 90%"></asp:TextBox>
<asp:TextBox ID="TXT__LXQLD__TZ_XMJB_BMXX" runat="server" Style="display: none;"></asp:TextBox>
</td>
</tr>

2.JS部分

$('#tbx_LXQLD').focus(function () {
SelectFGLD($('#TXT__LXQLD__TZ_XMJB_BMXX').val(), 'TXT__LXQLD__TZ_XMJB_BMXX', 'tbx_LXQLD');
});
function SelectFGLD(v, name, name1) {
layerData('selVal', v);
var url = "/SelectDW/XTbmList.aspx?LB=0015";
var dw = layeriframe(url, "选择责任区领导","60%", "65%", function () {
var re = layerData('selVal');
if (re && re != undefined && $.trim(re).length > 0) {
$('#' + name).val(re);
var d;
$.ajax({
async: false,
method: "post",
url: "/SelectDW/getbmmc.ashx?lb=qtdw",
data: { "rydm": re },
beforeSend: function () {
//显示一个遮罩层
d = art.dialog({
"tit