Click here to Skip to main content
15,795,581 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
Hi i tried some examples of jquery dialog and modal window my problem is when i click on button popup window will contain some dropdown withg postback...when i click dropdown1 then it is not fire the data to to use cascading dropdown in popup??is it possible in modal window or jquery dialog???can anybody help with example.
Updated 12-Oct-12 2:51am
Peeyush Pachaori 12-Oct-12 3:18am    
Correct me if i didn't understand properly: You Clicked the button, went to server, got the data, populated the dropdown. Now when you select some option value in dropdown you want another server call?
ANOOP CL NAIR 12-Oct-12 4:47am    
i have a button in .aspx page ...when i click on button will open a i am using modalpopextender...problem in i need to try another popup which contain some dropdown list....dropdown1 contain countries, dropdown2 contain state....for example if i select dropdown1 then dropdown2 will only display states of india....

1 solution

Problem with jQuery UI dialog in is that default its adding html to body not form and require to have all within single form.

So to correct this you have to add one function to options

JavaScript = function (type, data) {

this will add dialog to form and all asp.ent events will fire since it does not matter where within form resides control.
Share this answer
ANOOP CL NAIR 12-Oct-12 13:48pm    
thank u for ur replay....can u please give me the full code with postback dropdown example....

n.podbielski 12-Oct-12 17:20pm    
Can you paste your code? Maybe we can work something out?
ANOOP CL NAIR 13-Oct-12 0:49am    
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<head id="Head1" runat="server">
<script src="javascript/jquery-1.4.3.min.js" type="text/javascript"></script>
<style type="text/css">
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
width: 100%;
margin: 0;
padding: 0;
background: #000000;
opacity: .15;
filter: alpha(opacity=15);
-moz-opacity: .15;
z-index: 101;
display: none;
display: none;
position: fixed;
width: 380px;
height: 200px;
top: 50%;
left: 50%;
margin-left: -190px;
margin-top: -100px;
background-color: #ffffff;
border: 2px solid #336699;
padding: 0px;
z-index: 102;
font-family: Verdana;
font-size: 10pt;
border-bottom: solid 2px #336699;
background-color: #336699;
padding: 4px;
color: White;
.web_dialog_title a
color: White;
text-decoration: none;
text-align: right;
<script type="text/javascript">

$(document).ready(function () {
$("#btnShowSimple").click(function (e) {

$("#btnShowModal").click(function (e) {

$("#btnClose").click(function (e) {

$("#btnSubmit").click(function (e) {
var brand = $("#brands input:radio:checked").val();
$("#output").html("Your favorite mobile brand: " + brand);

function ShowDialog(modal) {

if (modal) {
else {
$("#overlay").click(function (e) {

function HideDialog() {
} = function (type, data) {

n.podbielski 13-Oct-12 2:14am    
First: i received 3 notification of comments, but I can see one. Are you sure your code was not shortened as is to long for comment?
Maybe improve your answer with it.

Second: you are not using jQuery UI dialog as I suspected so my solution wont do you any good.
Third: Your server events should work with JS like this. Are you want to do that on server side or client side?

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900