>>>
下篇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库创建的弹出窗口或模态对话框效果。在网页设计中，弹出层通常用于显示警告信息、用户...
在IT领域，尤其是在Web开发中，"jquery弹出层不关闭 父页面刷新"是一个常见的交互需求。这里，我们主要讨论如何使用jQuery实现这样的功能，即在一个弹出层（通常是一个模态对话框）显示时，用户可以操作父页面而不会...
《jQuery弹出层插件深度解析》 在Web开发领域，jQuery库因其简洁的API和强大的功能而广受开发者喜爱。对于用户交互和界面展示，弹出层（Modal）是不可或缺的一部分，它能够吸引用户的注意力并提供额外的信息或操作...
**jQuery弹出层插件SexyLightBox详解** 在网页设计中，弹出层是一种常见的交互元素，用于在用户点击某个链接或按钮时显示一个浮动窗口，通常用来展示图片、视频或者详细信息。SexyLightBox是一款基于jQuery的弹出层...
《jQuery弹出层技术详解与应用实践》 在网页设计中，弹出层是一种常见的交互方式，用于在不离开当前页面的情况下展示额外的信息或功能。jQuery作为一款强大的JavaScript库，提供了丰富的API和插件，使得实现弹出层...
**jQuery弹出层插件详解** 在Web开发中，弹出层（Popup）是一种常见的交互设计元素，用于显示额外的信息、对话框或者进行特定操作。jQuery作为一款强大的JavaScript库，提供了丰富的插件来实现弹出层功能。本文将...
标题中的“一款不错的Jquery弹出层插件”指的是一个基于JavaScript库JQuery设计的用于创建弹出对话框或模态窗口的插件。在网页交互设计中，弹出层通常用于显示通知、提示信息、表单或者进行确认操作，为用户提供一种...
"jQuery弹出层背景变暗"这个话题涉及到在使用jQuery时，如何创建一个具有半透明暗色背景的弹出层（也称为对话框或模态窗口），以突出显示弹出内容并降低页面其他部分的视觉干扰。 首先，我们需要理解jQuery弹出层的...
**jQuery弹出层详解** 在Web开发中，弹出层是一种常见的交互元素，用于显示临时信息、用户对话或进行操作确认。本篇文章将深入探讨如何使用jQuery实现弹出层功能，以及相关源码分析和应用工具。 首先，jQuery库...
jQuery弹出层插件在网页开发中非常常见，它们用于创建弹窗、模态对话框、图片预览等效果，增强了用户体验。以下是一些流行的jQuery弹出层插件及其特点： 1. **Thickbox**: Thickbox是一款轻量级的jQuery插件，用于...
而“jQuery 弹出层”是 jQuery 应用中的一个重要功能，它允许开发者创建各种类型的弹出对话框，如模态框、提示框、信息窗口等，以提供更丰富的用户体验。在网页上，弹出层通常用于显示额外的信息、用户确认、表单...
在前端开发中，jQuery弹出层插件是用于创建弹窗效果的重要工具，它能够帮助开发者轻松实现模态对话框、提示信息、加载提示等交互功能。本篇将详细介绍jQuery弹出层插件，以及如何使用名为"Popup Div"的实例。 首先...
标题“jquery弹出层”暗示我们将会探讨的是如何使用jQuery来实现网页上的弹出层效果，这在网页设计中是非常常见的一种功能，用于显示警告、信息、确认对话框或者复杂的模态窗口。 首先，让我们理解什么是弹出层。弹...
首先，让我们深入了解一下jQuery弹出层插件的基本概念。弹出层通常包括模态对话框和非模态对话框两种类型。模态对话框会阻止用户与页面其他部分的交互，直到弹出层被关闭；而非模态对话框则允许用户在不关闭弹出层的...
**jQuery弹出层详解** 在Web开发中，弹出层是一种常见的交互元素，它能够以非侵入式的方式展示信息，提升用户体验。基于jQuery库，我们可以实现多种弹出层效果，这些效果既实用又灵活。本文将深入探讨如何利用...
《jQuery弹出层技术详解与应用实践》 在网页开发中，用户交互体验的重要性日益凸显，其中弹出层（Popup Layer）作为一种常见的交互元素，被广泛应用于提示信息、表单填写、图片预览等场景。jQuery，作为JavaScript...
《jQuery弹出层插件：实现简单遮罩弹出框效果》 在Web开发中，弹出层（Modal）是一种常见的交互元素，用于在用户与页面进行交互时提供额外的信息或者功能。jQuery作为一款强大的JavaScript库，提供了丰富的插件来...
对于"jquery弹出层需要的js"这个主题，我们将深入探讨如何利用jQuery来创建弹出层，并结合给定的文件名，了解相关的核心知识点。 首先，`jquery-3.1.1.min.js`是jQuery库的压缩版本，它是整个项目的基础。这个文件...