2011-10-04 71 views
-1

可能我知道如何我可以在批量的JavaScript 例如改變一個輸入用於其它輸入:我可以在當時更改所有<input>嗎?

<input type="text" id="abc">`<input type="text" id="abc1">`<input type="text" id="abc2">` 

<input type="text" id="abc3">`<input type="text" id="abc4">` 

以下abc1-> abc4將根據所述第一變化。

+1

你能否解釋一下?無法理解你到底在找什麼。 – Kangkan

+0

這真的很容易。一個小谷歌會給你你的答案。 – rgin

+0

@ Kangkan-顯然他只是想改變輸入框(abc1 - abc4)的值,取決於第一個值。 – rgin

回答

1

這將讓文檔中的所有輸入和改變他們的第一個值。

var masterInput = document.getElementById('abc'); 
masterInput.onchange = function() { 
    var inputs = document.getElementsByTagName('input'); 
    for (var i = 1; i < inputs.length; i++) { 
     inputs[i].value = this.value; 
    } 
}; 

如果在頁面(很可能)有其他輸入,您可以與父元素替換document,或者您也可以通過id小號單獨迭代:

var masterInput = document.getElementById('abc'); 
masterInput.onchange = function() { 
    var inputs = ['abc1', 'abc2', 'abc3', 'abc4']; 
    for (var i = 0; i < inputs.length; i++) { 
     document.getElementById(inputs[i]).value = this.value; 
    } 
}; 
相關問題