<link rel="stylesheet" href="<%=path%>/js/jquery_ui/themes/base/jquery.ui.all.css"></link>
<script type="text/javascript" src="<%=path%>/js/jquery-1.8.2.min.js"></script>
<script src="<%=path%>js/jquery_ui/ui/jquery-ui.custom.js"></script>
<script type="text/javascript">
function openDialog() {
var a1= "1";
var a2= "帅哥";
var a3= "男";
var a4= "88";
$("#dialogId").val(a1);
$("#dialogName").val(a2);
$("#dialogsex").val(a3);
$("#dialogage").val(a4);
var dialog = $("#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>
<input type="button" value="打开对话框" onclick="openDialog();"/>
<div id="dialogDiv" >
id:<input type="text" id="dialogId"/>
name:<input type="text" id="dialogName"/><br>
sex:<input type="text" id="dialogsex"/>
age:<input type="text" id="dialogage"/>
</div>
</form>
</body>
