<div
class
=
"layui-form-item"
>
<label
class
=
"layui-form-label"
>执行人员</label>
<div style=
"width: 150px;display: inline-block;"
>
<select name=
"city"
>
<option value=
""
>选择部门</option>
<option value=
"0"
>北京</option>
</select>
</div>---
<div style=
"width: 150px;display: inline-block;"
>
<select name=
"city"
>
<option value=
""
>选择人员</option>
<option value=
"0"
>张三</option>
</select>
</div>
<button type=
"button"
class
=
"layui-btn"
id=
"addpeop"
>
<i
class
=
"layui-icon"
></i>
</button>
</div>
<script>
$(
function
(){
$(
"#addpeop"
).click(
function
(){
var
peop=$(
"#addpeod"
);
var
t=$([
'<label class="layui-form-label"></label>'
,
'<div style="width: 150px;display: inline-block;" >'
,
'<select name="city">'
,
'<option value="">选择部门</option>'
,
'<option value="0">北京</option>'
,
'</select>'
,
'</div>---'
,
'<div style="width: 150px;display: inline-block;">'
,
' <select name="city" >'
,
' <option value="">选择人员</option>'
,
'<option value="0">张三</option>'
,
'</select>'
,
'</div>'
,
'<button type="button" class="layui-btn layui-btn-xs layui-btn-danger" id="del">删除</button>'
].join(
''
));
t.find(
'#del'
).on(
'click'
,
function
(){
t1.remove();
});
peop.append(t);
})
})
</script>