將一個TextBox值複製到ASP.NET中的另一個TextBox中多行

Question

我有近10行，我想將一個TextBox值複製到另一個。如果我給第一個文本框分配了特定的ID，那麼我可以將該值複製到另一個文本框 - 我正在尋找一些可以將TextBox值複製到另一個文本框的ASP.NET中每一行的通用函數。

這是我的HTML表-`

<tr> 
<td><asp:TextBox runat="server" Text=""></asp:TextBox></td> 
<td></td> 
<td></td> 
<td><b>206a/506a</b></td> 
<td> 
<asp:TextBox ID="TextBox1" ClientIDMode="Static" runat="server" Text="$0.00" BackColor="Yellow" onkeyup="javascript:Copy()" />     
</td> 
<td> 
<asp:TextBox ID="TextBox2" runat="server" Text="$0.00" ClientIDMode="Static" BackColor="Yellow"></asp:TextBox> 
</td> 
</tr> 

我有同類型的，我想用講座敬愛的JavaScript函數10行：

<script type="text/javascript"> 

    $('#TextBox1').keypress(function (event) { 
     if ((event.which != 46 || $(this).val().indexOf('.') != -1) && 
      ((event.which < 48 || event.which > 57) && 
      (event.which != 0 && event.which != 8))) { 
      event.preventDefault(); 
     } 
     var text = $(this).val(); 
     if ((text.indexOf('.') != -1) && 
      (text.substring(text.indexOf('.')).length > 2) && 
      (event.which != 0 && event.which != 8)) { 
      event.preventDefault(); 
     } 
    }); 

    function Copy() { 
     //forceNumber(("#TextBox1")); 
     var val1 = jQuery("#TextBox1").val(); 
     jQuery("#TextBox2").val(val1); 
    } 

</script> 

在按鍵事件，功能限制用戶在小數點後只輸入兩個數字。

Answer 1

可以達到理想的像下面。

1：給你的課TextBox1和Textbox2作爲from和to。

2：功能的onkeyup找出當前父TR

3：從和向在母TR文本框和更新查找值

以下代碼段是與所生成的最終的HTML。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<table> 
 
<tr> 
 
<td><input type="text" Text="" class="from" onkeyup="copy(event)"/></td> 
 
<td></td> 
 
<td></td> 
 
<td><b>206a/506a</b></td> 
 
<td> 
 
<input type="text" Text="" class="to" /></td> 
 
</tr>` 
 
    
 
<tr> 
 
<td><input type="text" Text="" class="from" onkeyup="copy(event)"/></td> 
 
<td></td> 
 
<td></td> 
 
<td><b>206a/506a</b></td> 
 
<td> 
 
<input type="text" Text="" class="to" /></td> 
 
</tr>` 
 
    
 
</table> 
 
<script type="text/javascript"t> 
 
    
 
    function copy(event) 
 
    { 
 
      var parentRow = $(event.target).parents('tr'); 
 
      var fromVal = parentRow.children('td').find('.from').val(); 
 
      parentRow.children('td').find('.to').val(fromVal); 
 

 
    }; 
 

 
</script>