JS编写类似弹出窗口样式显示层
2024-10-19 08:45:01
JSp中增加div
<!-- 提交变更申请 -->
<div id="changeWindow" class="easyui-window" data-options="title:'提交变更申请',collapsible:false,minimizable:false,maximizable:false,modal:true" closed="true" style="width:820px;height:280px;overflow:auto;">
<table id="changeTable">
<tr><td> </td><td></td></tr>
<tr><td> </td><td></td></tr>
<tr>
<td align="right" valign="middle" style="padding-right: 5px;padding-left: 15px;">
变更类别
</td>
<td align="left" >
<select id="changeReason" name="changeReason" class="easyui-validatebox" style="width:160px;" data-options="required:true"">
<option value="">请选择</option>
<option value="1">追加服务内容</option>
<option value="2">变更服务内容</option>
<option value="3">减少服务内容</option>
<option value="4">系统原因</option>
<option value="5">补全提前立项</option>
<option value="6">取消合同</option>
<option value="7">分拆合同号</option>
<option value="8">线上划转</option>
<option value="9">降低折扣</option>
<option value="10">产品置换</option>
<option value="11">其他</option>
</select>
</td>
</tr>
<tr>
<td align="right" valign="middle" style="padding-right: 5px;padding-left: 15px;">变更原因</td>
<td>
<textarea id="changeReasonDesc" name="changeReasonDesc" style="width:660px;height:60px;font:12px/150% Arial,Verdana,'宋体';" placeholder="最多输入250个汉字" onkeyup="checkchangeLength();"></textarea>
</td>
</tr>
</table>
<div style="width:800px;margin-top:15px;text-align:center;">
<a href="javascript:void(0);" class="easyui-linkbutton" onClick="toSubChange();">提交变更申请</a>
<a href="javascript:void(0);" class="easyui-linkbutton" onClick="$('#changeWindow').window('close');">取消</a>
</div>
</div>
添加相应的js
function toSubChange(){
$('#changeWindow').window('open');
}
function toSubChange(){
var changeReason = $("#changeReason").val();
if(changeReason == null || changeReason == ""){
$.messager.alert("温馨提示","请选择变更类型!");
return;
}
…………………… }
最新文章
- python文件操作
- DBUnit的一些注意事项
- 用DropBox分享Unity3D的Web应用
- php-长文章分页函数
- Sql Server 2008 无法启动T-Sql调试问题的解决方案
- 20145308刘昊阳 《Java程序设计》实验三 敏捷开发与XP实践 实验报告
- .project sturcture和Project Structure 无论是按快捷键或者是从files中打开都不显示
- 使用js判断一个对象是否为空 比如 obj={}
- 关于c语言不定参数的研究
- 《深入了解mybatis原则》 MyBatis架构设计和案例研究
- js中:Date.utc()方法与getTime()方法返回值不相等的原因
- STM32/GD32芯片信息(转)
- ios开发中全局变量设置和调用方法
- 抛开深层次底层,快速入门SpringMVC
- java 多线程(0) Java线程
- Codeforces Round #406 (Div. 1)
- 基于Asp.Net Core Mvc和EntityFramework Core 的实战入门教程系列-5
- date时间格式化
- Openfire 服务器更换ip后的恢复方法
- 【算法笔记】A1054 The Dominant Color