molily: Javascript Werte auslesen von array-Input feld und ausgeben

Beitrag lesen

Hallo,

var bilden;

bilden=document.bbcode2.elements["bilden[]"];
neubilden = Array.prototype.slice.call( bilden );
var myString = neubilden.join(',');
document.getElementById('bilden').innerHTML=myString;

  
Hier wird nirgendwo der value ausgelesen. Der join versucht, die Array-Elemente in Strings umzuwandeln, und dabei kommt halt '[object HTMLInputElement]' heraus.  
  
Du müsstest eine [map-Operation](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map) und dann ein join machen. Das geht auch mit einer einfachen Schleife, die die Werte einsammelt:  
  
~~~javascript
var elements = document.bbcode2.elements["bilden[]"];  
var values = [];  
for (var i = 0, l = elements.length; i < l; i++) {  
  var input = elements[i];  
  values.push(input.value);  
}  
var html = values.join(',');  
document.getElementById('bilden').innerHTML = html;

Übrigens ist innerHTML nicht so passen, weil man dann auch HTML-Code eingeben kann. Besser wären die Eigenschaften http://de.selfhtml.org/javascript/objekte/all.htm#inner_text@title=innerText bzw. textContent.

Mathias