ajax弹窗 select回显

最新推荐文章于 2022-07-28 23:36:55 发布

qq_37516425

最新推荐文章于 2022-07-28 23:36:55 发布

阅读量520

点赞数

本文链接：https://blog.csdn.net/qq_37516425/article/details/72818091

版权

本文介绍了在使用Bootstrap弹窗时遇到的Select回显问题，由于弹窗不是传统表单提交，因此Model无法直接回显数据。讨论了JSTL和EL在服务端的作用，指出在客户端JavaScript和HTML中无法直接使用服务端语言进行判断。提出了利用jQuery进行条件判断的解决方案，并展示了如何实现选择项的回显和弹窗关闭后的页面重载，以确保修改的内容可见。

摘要由CSDN通过智能技术生成

</div>
 <!-- 客户编辑对话框 -->
	<div class="modal fade" id="customerEditDialog" tabindex="-1" role="dialog"  style="font-size: 12px;" 
		aria-labelledby="myModalLabel">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
						<span aria-hidden="true">×</span>
					</button>
					<h4 class="modal-title" id="myModalLabel">修改客户信息</h4>
				</div>
				<div class="modal-body">
					<form class="form-horizontal" id="edit_factory_form">
						<input type="hidden" id="factory_id" name="factoryId" />
						<div class="form-group">
							<label for="factory_Name" class="col-sm-2 control-label" style="float:left;padding:7px 15px 0 27px;">厂家全称</label>
							<div class="col-sm-10">
								<input type="text" class="form-control" id="factory_fullName" placeholder="厂家全称" name="fullName">
							</div>
						</div>
						<div class="form-group">
							<label for="edit_customerFrom" style="float:left;padding:7px 15px 0 27px;"class="col-sm-2 control-label">类型</label> 
							<div class="col-sm-10">
								<select	class="form-control" id="factory_ctype" placeholder="类型" name="ctype" >
                                   <option>请选择</option>
								</select>
							</div>
						</div>
						<div class="form-group">
							<label for="edit_custIndustry" style="float:left;padding:7px 15px 0 27px;"class="col-sm-2 control-la