<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="//unpkg.com/layui@2.6.6/dist/css/layui.css">
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="//unpkg.com/layui@2.6.6/dist/layui.js"></script>
</head>
<body>
<div data-event="startOpen" data-id="111">打开</div>
<div class="address-popup" data-type="add" style="display: none;padding: 20px 0;">
<form class="layui-form" lay-filter="address" action="">
<div class="layui-form-item">
<input type="hidden" name="supplyId">
<div class="layui-input-block" style="width: 380px;margin:0 auto;">
<textarea required lay-verify="required" name="price" placeholder="请输入内容" autocomplete="off" class="layui-textarea textarea_val"></textarea>
</div>
</div>
<div class="layui-form-item" style="text-align: right;padding-right:10%;">
<div class="layui-input-block">
<div class="layui-btn layui-btn-sm" lay-submit lay-filter="formPrize" data-event="formPrize">确认
</div>
<div class="layui-btn layui-btn-sm layui-btn-primary" onclick="layer.close(popIndex)">取消</div>
</div>
</div>
</form>
</div>
<script>
//提交
var popIndex;
$('[data-event=startOpen]').click(function() {
console.log($(this).data("id"), 9999999999)
openPop($(this).data("id"))
})
function openPop(val) {
popIndex = layer.open({
type: 1,
shade: false,
shade: 0.5,
title: "表单",
content: $('.address-popup'),
area: ['500px', '260px']
});
$('[name=supplyId]').val(val)
$('[name=price]').val("")
}
//提交报价
//function replySubmit(parms) {
//}
layui.use('form', function() {
var form = layui.form;
form.on('submit(formPrize)', function(data) {
// replySubmit(data.field);
layer.close(popIndex);
return false;
});
})
</script>
</body>
</html>
引入layui模态框
最新推荐文章于 2023-07-11 08:21:07 发布