jquery ui弹出页面及传值
<linkrel="stylesheet"href="<%=path%>/js/jquery_ui/themes/base/jquery.ui.all.css"></link><scripttype="text/javascript"src="<%=path%>/js/jquery-1.8.2.min.js"></script><scriptsrc="<%=path%>js/jquery_ui/ui/jquery-ui.custom.js"></script><scripttype="text/javascript">functionopenDialog(){vara1="1";vara2="帅哥";vara3="男";vara4="88";$("#dialogId").val(a1);$("#dialogName").val(a2);$("#dialogsex").val(a3);$("#dialogage").val(a4);vardialog=$("#dialogDiv").dialog({autoOpen:false,modal:true,height:300,width:550,buttons:{确定:function(){//点击确定执行的方法a=$("#dialogId").val();b=$("#dialogName").val();c=$("#dialogsex").val();d=$("#dialogage").val();alert(a+":"+b+":"+c+":"+d);$(this).dialog("close");},取消:function(){//点击取消关闭窗口$(this).dialog("close");}},close:function(){alert(555);//关闭后触发的事件}});dialog.dialog("open");}$('#dialogDiv').dialog('open');//dialog.dialog("open");</script></head><body><form><inputtype="button"value="打开对话框"onclick="openDialog();"/><divid="dialogDiv">id:<inputtype="text"id="dialogId"/>name:<inputtype="text"id="dialogName"/><br>sex:<inputtype="text"id="dialogsex"/>age:<inputtype="text"id="dialogage"/></div></form></body>
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。