>>>
下篇Ajax动态读取XML加载select Option！<<<
<HTML>
<HEAD>
<TITLE> Jquery 弹出对话框 </TITLE>
<META NAME="Description" CONTENT="Jquery弹出层">
</HEAD>
<link href="css/jqModal.css" rel="stylesheet" type="text/css" />
<link href="css/dialog.css" rel="stylesheet" type="text/css"/>
<script language="javascript" src="js/jquery.js" ></script>
<script language="javascript" src="js/jqModal.js"></script>
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('#dialogMsgDIV').jqm({
modal : true
});
});
//至少选择一项
function checkOne(){
var eles=document.getElementsByName("cbxArr");
var ids="";
for(var i=0,len=eles.length;i<len;i++){
if(eles[i].checked){
ids+=eles[i].value+",";
}
}
var idsStr=ids.substring(0,ids.length-1);
if(idsStr != "" && idsStr != null && idsStr != ''){
jQuery('#dialogMsgDIV').jqmShow();
}else{
alert("请至少选择一个！");
return false;
}
}
//提交隐藏div的form
function submitMsgForm(){
if(submitMesgForm()){
document.messageForm.submit();
}
}
//验证div留言
function submitMesgForm(){
if(document.Form.title.value=="") {
alert("请填写标题");
return false;
}
if(document.Form.content.value=="") {
alert("请填写备注");
return false;
}
jQuery('#dialogMsgDIV').jqmHide();
return true;
}
</script>
<BODY>
<br/>
<br/>
<table width="516" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="516" height="52" valign="top" align="center">
<input type="checkbox" name="cbxArr" id="cbxArr" />岁
<input type="checkbox" name="cbxArr" id="cbxArr" />月
<input type="checkbox" name="cbxArr" id="cbxArr" />之
<input type="checkbox" name="cbxArr" id="cbxArr" />梦
</td>
</tr>
<tr>
<td height="167" valign="top" align="center"> <input type="button" onclick="checkOne();" value="弹出对话框..."></td>
</tr>
</table>
</BODY>
</HTML>
<!-- 弹出层 -->
<div id="dialogMsgDIV" class="jqmWindow" >
<form id="Form" name="Form" method="post" action="">
<div class="tags" id="messageDIV" >
<div class="tags_title" id="loginTopDIV">岁月之梦</div>
<div class="tags_content">
<table id="dialogMsgTable">
<tr>
<td class="tags_td01" width="30%">标题：</td>
<td width="70%" height="25">
<input type="text" name="title" id="title" style="width: 220px"/>
</td>
</tr>
<tr>
<td class="tags_td01" valign="top"><br/>备注：</td>
<td valign="top" >
<textarea name="content" id="content" rows="6" style="width: 220px"></textarea>
</td>
</tr>
</table>
<div class="tags_button">
<p align="center">
您可以选择以下信息:
<!-- 下篇动态加载select Option -->
<select name="leaveWord" id="leaveWord" onchange="sendRequest()">
<option value="">请关注下篇</option>
</select>
</p>
</div>
<div class="tags_button">
<p align="center">
<input type="button" value="确定提交" style="width: 100px" onclick="submitMsgForm();"/>
<input type="button" value="取消" style="width: 100px" onclick="jQuery('#dialogMsgDIV').jqmHide();" />
</p>
</div>
</div>
</div>
</form>
</div>
- 大小: 24.2 KB
分享到：
相关推荐
jquery 弹出层jquery 弹出层jquery 弹出层jquery 弹出层jquery 弹出层
jquery弹出层代码，ajax异步获取页面，弹出层登录！
jquery弹出层背景变暗 Ajax jquery弹出层背景变暗_Ajax
Jquery弹出层
jQuery弹出层插件大全_爱上DIV + CSS_.doc
jquery 弹出层插件下载（简单、易用）
JQuery弹出层插件,Popup div 实例，前段弹窗插件
基于jQuery弹出层有9种效果，都是很实用的效果，大家可以来试试
基于jQuery弹出层插件thickbox 智能提示
这个可以自定义的 可以弹出层关闭 父页面刷新 ，可以弹出层不关闭 父页面刷新
jQuery弹出层插件三种简单遮罩弹出框效果
jQuery.UI.Impromptu.js jQuery 弹出层 浮动层 提示框 并随页面滚动而滚动 实现弹出层不再难，只要引用jQuery.UI.Impromptu.js这个js文件后,想要弹出哪个tag都行了 如：我想要这里是弹出浮动遮罩层</div> 并随页面...
jquery弹出层
jquery弹出层特效超炫jquery弹出层特效超炫jquery弹出层特效超炫
jQuery弹出层插件Sexy LightBox是一款漂亮动感的lightbox弹出层插件sexy lightbox 2.3。
jquery弹出层当鼠标点击文字或图片弹出层，弹出层浮动在屏幕上可以随浏览器上下滚动，弹出层可自动居中在页面中间
超级漂亮的Jquery弹出层插件，可支持以下功能 1、触发响应事件 2、设置弹出层的标题 3、设置弹出层类型(text、容器ID、URL、Iframe) 4、弹出层的内容获取(text文本、容器ID名称、URL地址、Iframe的地址) 5、...