Question

我有近10行，我想将一个TextBox值复制到另一个。如果我将特定ID分配给1st TextBox，那么我可以将该值复制到另一个TextBox - 我希望做一些通用函数，它可以将TextBox值复制到ASP.NET中每一行的另一个TextBox。

这是我的表格-`

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

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

在Keypress事件中，函数限制用户在小数点后仅输入两个数字。

Answer 1

您可以达到以下所需。

1：将TextBox1和Textbox2作为from和to给你。

2：Onkeyup函数找出当前的父tr

3：找到父tr中的from和to文本框并更新值

下面的代码段是生成的最终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>

将一个TextBox值复制到多行中的另一个TextBox

1 个答案: