使用javascript通過名稱獲取參考文檔元素

Question

我對每天做JS的人所假設的一個基本問題。 我正在幫助一個不使用最近的糖果（JQuery，原型和合作）的朋友。

我應該如何通過名稱獲得對文檔元素的引用？

我想允許用戶在<SELECT />元素中修改<INPUT />元素的值。

這兩個元素都沒有定義ID字段，只有名字。

這應該很明顯（Mozilla，IE，Opera）。

謝謝。

Answer 1

你可以使用getElementsByName函數將返回具有給定名稱的所有元素的數組：

var elements = document.getElementsByName('some_name'); 

Answer 2

如果<input>和<select>是相同<form>元素的成員，可以直接引用的領域，他們是表單對象的成員：

<form> 
    <select name="bar" onchange="this.form.foo.value = this.value;"> 
    <option value="1">Option 1</option> 
    <option value="2">Option 2</option> 
    <option value="3">Option 3</option> 
    </select> 
    <input type="text" name="foo"> 
</form> 

當然，你可以將它包裝在一個函數中。