2015-02-11 62 views
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脚本。

回答

0

我不是100%确定你在问什么,但这里有一个简单的方法来保存文本框中的数据。您是否尝试将所有数据保存在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); 
} 
+0

谢谢你的回复。但是http://bootsnipp.com/snippets/featured/multiple-fields-contact-form。看到这个链接,你会明白我在问什么。当点击绿色按钮时,它将创建具有相同名称的新文本框。将值提交到数据库后,将所有值保存在一个单元格中。我想要逐行保存值。 – nade 2015-02-11 17:10:38

+0

啊,如果是这样的话,那么我会建议在页面上的“保存”按钮,用一个所有数字的javascript数组做一个ajax回发到服务器。一旦你获得了数组中的数字,那么你可以将它们保存为单独的行。 – Justin 2015-02-11 17:50:01

相关问题