SelectedIndex更改下拉列表弹出Jquery模式时不会触发 [英] SelectedIndex Changed of Dropdown Doesn't fire in Jquery Modal pop up

问题描述

Hello Experts，



我有page1.aspx，其中我声明了一个div如下

Hello Experts,

I have page1.aspx in which I declared a div like below

<div id="modal_PrdCddialog">
        </div>

在更新面板的同一页面中，我有一个如下文本框

In the same page of Update Panel, I have a textbox like below

<asp:TextBox ID="txtProdcode" runat="server" Width="100%"  onKeyPress="getfoc()"  MaxLength="15"  />

然后在按键事件上我有一个Jquery功能打开一个新的ASPX页面

Then On Key Press event I have a Jquery function which Opens a new ASPX page

function getfoc() {
           debugger;
           $("#modal_PrdCddialog").load("ProductCode.aspx", function () {
               $(this).dialog({
                   title: "Select the Product Code to fill the Tire size",
                   css:{border:'Yellow'},
                  autoOpen: true,
                   modal: true,
                   height: 350,
                   width: 450,
                   buttons: {
                            Close: function () {
                           $(this).dialog("close");
                       }
                   }
               }).prev(".ui-dialog-titlebar").css("background", "blue");

               });

       }

和新ASPX页面

And the New ASPX page

ProductCode.aspx

有三个下拉列表，其中一个值基于另一个值。



对于所有三个下拉列表，Autopostback为True，但是在NewASPX的Modal弹出窗口中没有触发selectedindexchanged事件。

相反，如果我单独打开ProductCode.ASPX，所有事件都可以正常运行。



我不确定我错过了什么。



有人可以帮帮我吗？

has a three drop downs in which one value is based on the other.

Autopostback is True for all the Three dropdowns but selectedindexchanged event is not firing in Modal popup for NewASPX.
Instead if I open just the ProductCode.ASPX alone separately all the events are working perfectly.

I am not sure what I am missing.

Could someone help me with this please?

推荐答案

（ ＃modal_PrdCddialog）。load（ ProductCode.aspx，function（）{

("#modal_PrdCddialog").load("ProductCode.aspx", function () {

（ this ）。dialog（{
title： 选择产品代码以填充轮胎尺寸，
css： {border：' 黄色'}，
autoOpen： true ，
modal： true ，
height： 350 ，
宽度： 450 ，
按钮：{
Clos e：function（）{

(this).dialog({ title: "Select the Product Code to fill the Tire size", css:{border:'Yellow'}, autoOpen: true, modal: true, height: 350, width: 450, buttons: { Close: function () {

（ this ）。dialog（ close）;
}
}
}）。prev（ 。ui-dialog-titlebar ）。css（ background， blue）;

}）;

}

(this).dialog("close"); } } }).prev(".ui-dialog-titlebar").css("background", "blue"); }); }

和新ASPX页面

And the New ASPX page

ProductCode.aspx

有三个下拉列表，其中一个值基于另一个值。



对于所有三个下拉列表，Autopostback为True，但是在NewASPX的Modal弹出窗口中没有触发selectedindexchanged事件。

相反，如果我单独打开ProductCode.ASPX，所有事件都可以正常运行。



我不确定我错过了什么。



有人可以帮帮我吗？

has a three drop downs in which one value is based on the other.

Autopostback is True for all the Three dropdowns but selectedindexchanged event is not firing in Modal popup for NewASPX.
Instead if I open just the ProductCode.ASPX alone separately all the events are working perfectly.

I am not sure what I am missing.

Could someone help me with this please?

这篇关于SelectedIndex更改下拉列表弹出Jquery模式时不会触发的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！