2015-05-29 51 views
-1

不幸的是,我無法弄清楚如何使用javascript GetElementsByName和一個數組。如何在數組中使用GetElementsByName

舉個例子,我離開以下形式:

<form method="POST" action="http://example.com/cms/create" accept-charset="UTF-8" class="layout" name="map" id="map"> 
<table> 
    <tr> 
     <td>Background Color</td> 
     <td><input type="text" name="test[bg_color]" class="color {hash:true, adjust:false}" value="#FFFFFF"/></td> 
     </tr> 
     <tr> 
     <td >Border Color</td> 
     <td><input type="text" name="test[border_color]" class="color {hash:true, adjust:false}" value="#FFFFFF"/></td> 
     </tr> 
     <tr> 
     <td >Border Width (px)</td> 
     <td><input name="test[border_stroke]" type="text" value="0" /></td> 
     </tr> 
</table> 
</form> 

現在我設置這些元素融入到變量:

var bgcolor = document.getElementsByName('test[bg_color]')[0].value; 
var stroke = document.getElementsByName('test[border_stroke]')[0].value; 
var bordercolor = document.getElementsByName('test[border_color]')[0].value; 

當我試圖讓只是其中之一(例如bg_color)沒有問題,但如果我添加更多行來添加其他變量,則不再有效。

我搜索了很多,但沒有找到任何解決此問題的東西。

+0

你可以粘貼你破碎的代碼,所以我們可以找出什麼是錯的? –

+1

似乎在這裏工作很好http://jsfiddle.net/j08691/og9d2fzo/ – j08691

+0

@ j08691你改變了'[0]'到'[1]' – moffeltje

回答

0

感謝jsfiddle演示。問題是我昨天沒有看到自己的錯。 今天我再次檢查我的代碼,它不工作,因爲我使用了一些getElementById,並且在那裏改變名稱來測試[something],但是我得到了元素的ID,所以腳本尋找錯誤的名字...... 。