120 lines
5.2 KiB
HTML
120 lines
5.2 KiB
HTML
{% extends 'base.html' %}
|
||
|
||
{% block content %}
|
||
<body>
|
||
<div class="layui-fluid">
|
||
<div class="layui-row">
|
||
<form class="layui-form">
|
||
|
||
<div class="layui-form-item">
|
||
<label for="L_username" class="layui-form-label">靶机名称</label>
|
||
<div class="layui-input-inline">
|
||
<input value="{{request.form['title'] or post['title'] }}" type="text" id="L_title" name="title" required="" lay-verify="title" autocomplete="off" class="layui-input">
|
||
</div>
|
||
</div>
|
||
|
||
<div class="layui-form-item">
|
||
<label for="L_hint" class="layui-form-label">靶机描述</label>
|
||
<div class="layui-input-inline">
|
||
<textarea id="L_hint" name="hint" class="layui-textarea">{{request.form['hint'] or post['hint'] }}</textarea>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="layui-form-item">
|
||
<label for="L_p_cate" class="layui-form-label">靶机主类</label>
|
||
<div class="layui-input-inline">
|
||
<select name="p_cate" lay-verify="" lay-filter="p_cate">
|
||
<option value="{{request.form['p_cate'] or post['p_cate'] }}" disabled selected>请选择主类</option>
|
||
{% for p_c in p_cates %}
|
||
<option value="{{p_c['fcate_name'] }}">{{p_c['fcate_name']}}</option>
|
||
{% endfor %}
|
||
</select>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="layui-form-item">
|
||
<label for="L_s_cate" class="layui-form-label">靶机子类</label>
|
||
<div class="layui-input-inline">
|
||
<select name="s_cate" lay-verify="" >
|
||
<option value="{{request.form['s_cate'] or post['s_cate'] }}" disabled selected>请选择子类</option>
|
||
<option id="type" ></option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label"></label>
|
||
<button class="layui-btn" lay-filter="edit" lay-submit="">确定</button>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
<script>
|
||
layui.use(['form', 'layer','laydate'],
|
||
function() {
|
||
$ = layui.jquery;
|
||
var form = layui.form,
|
||
layer = layui.layer;
|
||
laydate = layui.laydate,
|
||
|
||
//下拉菜单二级联动
|
||
form.on('select(p_cate)',function (data) {
|
||
//监听到了下拉框选择的选项，传递过来
|
||
//在控制台输出信息
|
||
var fcate_name = data.value;
|
||
console.log(fcate_name);
|
||
//再利用ajax将数据传到后端，来获取到对应下拉框选项而出现的值
|
||
$.ajax({
|
||
type:"post",
|
||
url:"/admin/second_action",
|
||
data:{"fcate_name":fcate_name},
|
||
dataType:"json",
|
||
success:function (d) {
|
||
//对应的值传回，拼出html下拉框语句
|
||
console.log(d)
|
||
var tmp=document.getElementById("type");
|
||
for (var i in d){
|
||
//console.log(d[i])
|
||
tmp +='<option value="'+d[i]+'">'+d[i]+'</option>';
|
||
console.log(tmp);
|
||
}
|
||
$("select[name='s_cate']").append(tmp);
|
||
form.render('select');
|
||
|
||
},error:function () {
|
||
layer.alert('请求失败');}
|
||
});
|
||
});
|
||
|
||
//自定义验证规则
|
||
form.verify({
|
||
title: [/\S/,'标题不能为空'],
|
||
});
|
||
|
||
//监听提交
|
||
form.on('submit(edit)',
|
||
function(data) {
|
||
console.log(data);
|
||
$.post(data.form.action,data.field);
|
||
//发异步，把数据提交
|
||
layer.alert("修改成功", {
|
||
icon: 6
|
||
},
|
||
|
||
function() {
|
||
// 获得frame索引
|
||
var index = parent.layer.getFrameIndex(window.name);
|
||
//关闭当前frame
|
||
parent.layer.close(index);
|
||
// 可以对父窗口进行刷新
|
||
xadmin.father_reload();
|
||
});
|
||
return false;
|
||
});
|
||
|
||
});
|
||
</script>
|
||
</body>
|
||
{% endblock %} |