將一個TextBox值復制到ASP.NET中多個行中的另一個TextBox

Question

我幾乎有10行要復制一個TextBox值到另一個。 如果將特定的ID分配給第一個TextBox，則可以將該值復制到另一個TextBox-我正在尋找一些通用的功能，可以將ASP.NET中每一行的TextBox值復制到另一個TextBox。

這是我的HTML for Table -`

<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>

我有10行想要使用以下JavaScript函數：

<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>