Javascript 获取输入框数组的值

标签 javascript jquery arrays

我有一个输入字段,其中有一个按钮可以动态添加另一个输入字段,我正在尝试获取它,以便当我单击plot时我能够获取输入字段内的内容gps[]

html

<div id="marker">
    <input type="text" name="gps[]" id="gps">
    <input type="text" name="gps[]">
</div>

情节

javascript

var counter = 1;
var limit = 3;
function addInput(divName){
     if (counter == limit)  {
          alert("You have reached the limit of adding " + counter + " inputs");
     }
     else {
          var newdiv = document.createElement('div');
          newdiv.innerHTML = "<input type='text' name='gps[]'>";
          document.getElementById(divName).appendChild(newdiv);
          counter++;
     }
}
$('body').on('click','.plot', function(){
    var y = $('input[name="gps[]"]').val();
    console.log(y);
});

最佳答案

您必须使用.map来获取集合中所有元素的值:

var y = $('input[name="gps[]"]').map(function() {return this.value;}).get();

FIDDLE

关于Javascript 获取输入框数组的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21077744/

相关文章:

javascript - 延迟加载时取消页面请求

javascript - 有多个 uploadify 实例时未传递 scriptData

jQuery 选择部分名称

javascript - ScrollTop 在 Firefox 中不起作用

c++ - 从一维数组中删除多次出现

javascript - 如何在 JQuery 中检查页面是否以打印模式显示?

javascript - 使用 jquery 显示图例

javascript - 在外部 JavaScript 文件中调用函数时出错

javascript - 复制 Excel 的 "sort by"、 "then by"行为

jquery - 将数据数组传递给 jQuery 函数