如何从相同的输入id获取所有值

Question

jquery的：

//value
var user_input = [];

$("#user_input").each(function() {
    user_input.push($("#user_input").val());
});
//test
user_input.push("hi");

继承人html：

City: <input id="user_input" type="text">
Month: <input id="user_input" type="text">
Year: <input id="user_input" type="text">

我的var_dump仅显示：

    array(2) {
    [0]=>
    string(0) ""
    [1]=>
    string(2) "hi"
    }

输出应为：

    array(4) {
    [0]=>
    string(0) ""
    [1]=>
    string(0) ""
    [2]=>
    string(0) ""
    [3]=>
    string(2) "hi"
    }

它看起来像jquery函数根本不循环。 希望这不违法，在这里发布太多问题：））

Answer 1

更改您的HTML：

City: <input class="user_input" type="text">
Month: <input class="user_input" type="text">
Year: <input class="user_input" type="text">

JS

$(".user_input").each(function() {
    user_input.push($(this).val()); // you also had an error here, you should refer current field with this
});

ID必须唯一。这是新开发者最常犯的错误之一。

Answer 2

ID是DOM元素中的唯一标识符。你不应该对多个元素使用相同的东西。

Answer 3

没有。您不能对多个元素使用相同的ID。来自jQuery documentation（我强调的是）：

  

每个id值只能在文档中使用一次。如果超过   一个元素已分配相同的ID，使用该ID的查询   将仅选择DOM中的第一个匹配元素。

尝试改编课程。