JS编写类似弹出窗口样式显示层

JSp中增加div

<!--  提交变更申请    -->
    	<div id="changeWindow" class="easyui-window" data-options="title:'提交变更申请',collapsible:false,minimizable:false,maximizable:false,modal:true" closed="true" style="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="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="660px;height:60px;font:12px/150% Arial,Verdana,'宋体';" placeholder="最多输入250个汉字" onkeyup="checkchangeLength();"></textarea>
				</td>
			</tr>
		 	</table>
		 	<div style="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;
	}
	……………………

}