JavaScript - 从数组中的多个输入获取值

Question

我正在尝试从数组中具有相同 ID 的多个输入中获取值。我已经使用过该论坛，但还没有找到适合我的解决方案。

示例

<input type="hidden" value="'+image_url+'" name="webcampics[]" id="webcampics">
<input type="hidden" value="'+image_url+'" name="webcampics[]" id="webcampics">
<input type="hidden" value="'+image_url+'" name="webcampics[]" id="webcampics">
<input type="hidden" value="'+image_url+'" name="webcampics[]" id="webcampics">


  var elem = document.getElementById("webcampics");
  var names = [];
  for (var i = 0; i < elem.length; ++ i) {
     names += elem[i]+'|';
  }
  var webcamval = names;

Answer 1

文档中不应有具有相同 id 的元素。根据规范，ID 在整个标记中必须是唯一的。如果您仍然这样做，document.getElementById 之类的方法只会匹配第一次出现的实例。

使用 class 而不是 ids。

<input type="hidden" value="'+image_url+'" name="webcampics[]" class="webcampics">
<input type="hidden" value="'+image_url+'" name="webcampics[]" class="webcampics">
<input type="hidden" value="'+image_url+'" name="webcampics[]" class="webcampics">
<input type="hidden" value="'+image_url+'" name="webcampics[]" class="webcampics">

var inputs = document.getElementsByClassName( 'webcampics' ),
    names  = [].map.call(inputs, function( input ) {
        return input.value;
    }).join( '|' );

演示:http://jsfiddle.net/QgJrq/