Asp.net 文本更改时inputbox会自动更新下一个文本框吗？

后续行动：

我有7个文本框。如果Top 1 textboxVolume All Years文本发生更改，则需要在接下来的6个InputboxSlatest 2009卷中将文本更新为最新的2014卷。我需要javascript或Jquery来实现这一点。我将为前1个文本框编写Js textchanged或focuschange。那么我应该用focuschage或textchanged方法写些什么呢

我对代码做了一点修改。现在Html将如下所示。这些文本框具有公共CssClass。volumetextbox。我们可以使用这个类并更改所有具有相同CssClass的文本框中的文本吗

<tr id="row12_136" class="RegText">
   <td style="width:420px;Padding-right:20px;">Volume All Years</td> 
   <td style="width:420px;Padding-left:0px;">
       <input name="12_136" type="text" maxlength="255" id="12_136" tabindex="61" title="Volume All Years" class="volumetextbox" OnKeyPress="javascript:FocusChange();" style="width:300px;" />
    </td>
<tr id="row12_60" class="RegText">
   <td style="width:420px;Padding-right:20px;">Latest 2009 Volume</td> 
   <td style="width:420px;Padding-left:0px;">
       <input name="12_136" type="text" maxlength="255" id="12_60" tabindex="56" title="Volume All Years" class="volumetextbox" OnKeyPress="javascript:FocusChange();" style="width:300px;" />
    </td>
<tr id="row12_61" class="RegText">
   <td style="width:420px;Padding-right:20px;">Latest 2010 Volume</td> 
   <td style="width:420px;Padding-left:0px;">
       <input name="12_136" type="text" maxlength="255" id="12_61" tabindex="57" title="Volume All Years" class="volumetextbox" OnKeyPress="javascript:FocusChange();" style="width:300px;" />
    </td>
<tr id="row12_62" class="RegText">
   <td style="width:420px;Padding-right:20px;">Latest 2011 Volume</td> 
   <td style="width:420px;Padding-left:0px;">
       <input name="12_136" type="text" maxlength="255" id="12_62" tabindex="58" title="Volume All Years" class="volumetextbox" OnKeyPress="javascript:FocusChange();" style="width:300px;" />
    </td>
<tr id="row12_63" class="RegText">
   <td style="width:420px;Padding-right:20px;">Latest 2012 Volume</td> 
   <td style="width:420px;Padding-left:0px;">
       <input name="12_136" type="text" maxlength="255" id="12_63" tabindex="59" title="Volume All Years" class="volumetextbox" OnKeyPress="javascript:FocusChange();" style="width:300px;" />
    </td>
<tr id="row12_64" class="RegText">
   <td style="width:420px;Padding-right:20px;">Latest 2013 Volume</td> 
   <td style="width:420px;Padding-left:0px;">
       <input name="12_136" type="text" maxlength="255" id="12_64" tabindex="60" title="Volume All Years" class="volumetextbox" OnKeyPress="javascript:FocusChange();" style="width:300px;" />
    </td>

<tr id="row12_65" class="RegText">
   <td style="width:420px;Padding-right:20px;">Latest 2014 Volume</td> 
   <td style="width:420px;Padding-left:0px;">
       <input name="12_136" type="text" maxlength="255" id="12_65" tabindex="61" title="Volume All Years" class="volumetextbox" OnKeyPress="javascript:FocusChange();" style="width:300px;" />
    </td>

---

也许这样的方法没有经过测试：

$(document).ready( function(){
    $('input.volumetextbox:first').change( function(){
        var firstVal = $(this).val()
        $('input.volumetextbox:not(:first)').val( firstVal )
    })
})

---

您编写的函数完全取决于您在其他6个文本框中想要的内容。您可以更新值，如

document.getElementById('12_60').value = *some calculation*;

---

工作完成后，花几分钟重构html代码。将一些内容（如宽度和左填充定义）移动到样式表中，而不是对每一行重复它。