<!-- 新增表单 -->
<div id="createDialog" class="crudDialog" hidden>
<form id="dialog">
<div class="form-group">
<label >用户名</label>
<input id="input1" type="text" class="form-control input-password">
</div>
<div class="form-group">
<label for="input2">联系人编号</label>
<input id="input2" type="text" class="form-control">
</div>
<div class="form-group">
<label for="input3">姓名</label>
<input id="input3" type="text" class="form-control">
</div>
<div class="form-group">
<label for="input4">电话</label>
<input id="input4" type="text" class="form-control">
</div>
<div class="form-group">
<label for="input5">单位地址</label>
<input id="input5" type="text" class="form-control">
</div>
<div class="form-group">
<label for="input6">邮箱1</label>
<input id="input6" type="text" class="form-control">
</div>
<div class="form-group">
<label for="input7">邮箱2</label>
<input id="input7" type="text" class="form-control">
</div>
<div class="form-group">
<label for="input8">邮箱3</label>
<input id="input8" type="text" class="form-control">
</div>
</form>
</div>
1.如果你通过id去获取input里面的值,那么是行不通的,在html页面会有两个表单,一个是隐藏的表单还有一个是实际存在的。
2.如果你通过class去获取input里面的值,也是行不通的,class获取不到数据。
3.可以通过以下来获取页面input里面的值
var name=this.$content.find('#input1').val();
可以通过find来获取。
function createAction() {
$.confirm({
type: 'dark',
animationSpeed: 300,
title: '新增用户',
content: $('#createDialog').html(),
buttons: {
confirm: {
text: '确认',
btnClass: 'waves-effect waves-button',
action: function () {
}
},
cancel: {
text: '取消',
btnClass: 'waves-effect waves-button'
}
}
});