javascript - 使用 jQuery 从多个输入中获取值数组

Question

有人可以告诉我如何从多个输入字段中获取值吗？

我有一个包含多个输入的列表:

<li>
<label>Additional Title: </label><input type='text' name='additionaltitlename' ... />
</li>
<li>
<label>Additional Title: </label><input type='text' name='additionaltitlename' ... />
</li>

我有一个 Javascript 解决方案(在表单提交时):

...
var extratitles = document.getElementsByName('additionaltitlename'); 
var str = '';
      for (var i = 0; i < extratitles.length; i++) { 
      str = str + '|' + extratitles.item(i).value;
    } 
}

如何在 JQuery 中做同样的事情？

Answer 1

具有相同名称的两个输入是无效的。如果你想这样做，你可以使用 <input name="titles[]">

你可以试试这个:

<input name="titles[]">
<input name="titles[]">
​<button>submit</button>​​​​​​​​​​​​​​​​​​​​​​​

有了这个 jQuery

// click handler
function onClick(event) {
  var titles = $('input[name^=titles]').map(function(idx, elem) {
    return $(elem).val();
  }).get();

  console.log(titles);
  event.preventDefault();
}

// attach button click listener on dom ready
$(function() {
  $('button').click(onClick);
});

See it working here on jsFiddle

编辑

此答案使用 | 为您提供数组中的标题，而不是字符串。分隔器。就个人而言，我认为这更有用。

如果您只是提交表单并希望支持多个值，请使用 .serialize其他答案中描述的方法