<script type="text/javascript">
(function ($) {
$(function () {
var $formGroup = $(this).closest('.form-group');
var $multipleFormGroup = $formGroup.closest('.multiple-form-
group');
var $formGroupClone = $formGroup.clone();
$(this)
.toggleClass('btn-default btn-add btn-danger btn-
remove')
.html('–');
$formGroupClone.find('input').val('');
$formGroupClone.insertAfter($formGroup);
var $lastFormGroupLast = $multipleFormGroup.find('.form-
group:last');
if ($multipleFormGroup.data('max') <=
countFormGroup($multipleFormGroup)) {
$lastFormGroupLast.find('.btn-add').attr('disabled',
true);
}
};
var removeFormGroup = function (event) {
event.preventDefault();
var $formGroup = $(this).closest('.form-group');
var $multipleFormGroup = $formGroup.closest('.multiple-form-
group');
var $lastFormGroupLast = $multipleFormGroup.find('.form-
group:last');
if ($multipleFormGroup.data('max') >=
countFormGroup($multipleFormGroup)) {
$lastFormGroupLast.find('.btn-add').attr('disabled',
false);
}
$formGroup.remove();
};
var countFormGroup = function ($form) {
return $form.find('.form-group').length;
};
$(document).on('click', '.btn-add', addFormGroup);
$(document).on('click', '.btn-remove', removeFormGroup);
});
})(jQuery);
</script>
这是我的网页。
<body>
<form runat ="server">
<asp:TextBox ID="txtAddEmail" name="multipleEmail[]" class="form-control"
runat="server" Width="355px" AutoPostBack="true"
OnTextChanged="txtFirstName_TextChanged" ></asp:TextBox>
<span class="input-group-btn">
<button type="button" class="btn btn-default btn-add">
+
</button>
</span>
这是我的代码。我尝试使用onclick方法编写代码,但无法正常工作。在文本框中输入的所有值都将保存在表格的一个单元格中。我想逐行保存数据。
你能为这个问题建议任何解决方案吗?
我不知道上面的java脚本。
答案 0 :(得分:0)
我不是100%确定您要问的是什么,但这是从TextBox保存数据的简单方法。您是否尝试将所有数据保存在Javascript中,然后通过将其发送到服务器来保存它?
<body>
<form runat ="server">
<asp:TextBox ID="txtAddEmail" name="multipleEmail[]" class="form-control"
runat="server" Width="355px" ></asp:TextBox>
<span class="input-group-btn">
<button type="button" class="btn btn-default btn-add" onclick="SaveStuff">Add</button>
</span>
public void SaveStuff(object sender, EventArgs e)
{
SaveToDataBase(txtAddEmail.Text);
}