0
<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>
这是我的网页。如何在asp.net中获取同名文本框的值?
<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脚本。
谢谢你的回复。但是http://bootsnipp.com/snippets/featured/multiple-fields-contact-form。看到这个链接,你会明白我在问什么。当点击绿色按钮时,它将创建具有相同名称的新文本框。将值提交到数据库后,将所有值保存在一个单元格中。我想要逐行保存值。 – nade 2015-02-11 17:10:38
啊,如果是这样的话,那么我会建议在页面上的“保存”按钮,用一个所有数字的javascript数组做一个ajax回发到服务器。一旦你获得了数组中的数字,那么你可以将它们保存为单独的行。 – Justin 2015-02-11 17:50:01