roomadd

最新推荐文章于 2024-05-05 19:04:56 发布

爱吃栗子的双双

最新推荐文章于 2024-05-05 19:04:56 发布

阅读量84

点赞数

分类专栏： qizhong

本文链接：https://blog.csdn.net/lishuangjie111/article/details/118333235

版权

qizhong 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

<head>
	<meta charset="UTF-8">
	<title>Insert title here</title>
	<link rel="stylesheet" href="js/layui(layui-v2.4.3)/css/layui.css" />
	<script src="js/layui(layui-v2.4.3)/layui.js"></script>
</head>

<body>
	<div class="layui-container">
		<form class="layui-form" onsubmit="return false;">
			<!-- 楼层-->
			<div class="layui-form-item">
				<label class="layui-form-label">房间楼层</label>
				<div class="layui-input-inline">
					<input type="text" class="layui-input" id="rlc" required lay-verify="required" />
				</div>
			</div>
			<!--房间创建时间-->
			<div class="layui-form-item">
				<label class="layui-form-label">房间创建时间</label>
				<div class="layui-inline">
					<!-- 注意：这一层元素并不是必须的 -->
					<input type="text" class="layui-input" id="rcjtime">
				</div>
			</div>

			<!--面积-->
			<div class="layui-form-item">
				<label class="layui-form-label">房间面积</label>
				<div class="layui-input-inline">
					<input type="text" class="layui-input" id="rmj" required lay-verify="required" />
				</div>
			</div>

			<!--房间容纳人数-->
			<div class="layui-form-item">
				<label class="layui-form-label">房间容纳人数</label>
				<div class="layui-input-inline">
					<input type="text" class="layui-input" id="rrs" required lay-verify="required" />
				</div>
			</div>
			<!--是否有早餐-->
			<div class="layui-form-item">
				<label class="layui-form-label">是否有早餐</label>
				<div class="layui-input-inline">
					<select id="ifzc" name="ifzc">
						<option value="">请选择</option>
						<option value="是">是</option>
						<option value="否">否</option>
					</select>
				</div>
			</div>

			<!--房间类型-->
			<div class="layui-form-item">
				<label class="layui-form-label">房间类型</label>
				<div class="layui-input-inline">
					<select id="lid" name="lid"></select>
				</div>
			</div>
			<!--按钮-->
			<div class="layui-form-item">
				<div class="layui-input-block">
					<button class="layui-btn" lay-submit lay-filter="sub">提交</button>
					<button type="reset" class="layui-btn layui-btn-primary">重置</button>

				</div>
			</div>
		</form>
	</div>

	<script>
		layui.use(['upload', 'form', 'laydate'], function() {
			var upload = layui.upload;
			var form = layui.form;
			var $ = layui.$;
			var layer = layui.layer;
			var laydate = layui.laydate;

			//执行一个laydate实例
			laydate.render({
				elem: '#rcjtime' //指定元素
			});

			//提交新增
			form.on('submit(sub)', function() {
				$.ajax({
					type: "post",
					url: "http://localhost:8080/Addroom",
					dataType: "json",
					data: {
						rlc: $("#rlc").val(),
						rcjtime: $("#rcjtime").val(),
						rmj: $("#rmj").val(),
						rrs: $("#rrs").val(),
						ifzc: $("#ifzc").val(),
						lid: $("#lid").val(),

					},
					success: function(data) {
						if(data.count > 0) {
							layer.msg('添加成功', {
								icon: 1,
								time: 2000 //2秒关闭（如果不配置，默认是3秒）
							}, function() {
								var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
								parent.layer.close(index); //再执行关闭
							});
						}
					}
				});
				return false;
			});

			//动态下拉框
			$.ajax({
				url: "http://localhost:8080/getlAll",
				type: "get",
				dataType: "json",
				success: function(res) {
					var data = res.data;
					var html = "<option value=''>----请选择----</option>";
					if(res.code == "0") {
						for(i = 0; i < data.length; i++) {
							var roomlx = data[i];
							html += "<option value=" +
								roomlx.lid +
								">" +
								roomlx.lname +
								"</option>"

						}
						console.log(html);
						$("#lid").html(html);
						form.render("select");
					}
				}
			})

		});
	</script>

</body>

爱吃栗子的双双

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
roomadd

<head> <meta charset="UTF-8"> <title>Insert title here</title> <link rel="stylesheet" href="js/layui(layui-v2.4.3)/css/layui.css" /> <script src="js/layui(layui-v2.4.3)/layui.js"></script></head><..
复制链接

扫一扫