控制台中的未定义结果通过输入到数组字段

时间:2017-10-31 18:58:48

标签: javascript html

为什么当我推送提交按钮时,所有这些都未定义?

我想通过使用这样的输入字段来创建一个数组。

有没有其他方法可以做到这一点?

我尝试使用类名进行操作,结果仍未定义

<input id="data">
<input id="data1">
<input id="data2">
<input id="data3">
<input id="data4">
<button id="btn">Click me</button>
  var json = config.Formatters.JsonFormatter;
    json.SerializerSettings.PreserveReferencesHandling = Newtonsoft.Json.PreserveReferencesHandling.Objects;
    config.Formatters.Remove(config.Formatters.XmlFormatter);

2 个答案:

答案 0 :(得分:3)

"Belgi├½"将返回“NodeList”,类似于数组。 NodeLists没有querySelectorAll属性,因此返回undefined。

如果要从每个输入框中获取值,则需要循环遍历NodeList并从每个HTML元素中单独提取value

value

答案 1 :(得分:0)

将fn更改为:

function clicked() {
  var inputs= document.querySelectorAll('#data, #data1, #data2, #data3, #data4');
  inputs.forEach(i => {
    console.log(i.value);
  });
}