Question

跟进： when text changed inputbox automatically updates next 6 text boxes。

我有7个文本框。如果更改了前1个文本框（卷全年）文本，则需要在接下来的6个输入框中更新文本（最新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>

Answer 1

也许这样的方法（未经测试）：

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

Answer 2

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

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

当文本改变时，inputbox会自动更新下一个文本框？

2 个答案: