php - 具有相同 id 的多个输入字段

Question

我正在使用输入字段从 php 代码呈现数据，但是当我从数据库中检索数据时，输入字段被复制，并且我已经为其分配了一个 id 和一个类值，现在我面临的问题是，如果我使用 id，它只会显示第一个仅值。如果我使用类它开始迭代它并完成直到每个字段并在输入字段为空的地方显示为空

Jquery 代码是这个

$('.submit-button').on('click',function(){
    $('.datecontrol').each(function(){
        alert($(this).val());
});

这里提供了我的整个 html

Answer 1

首先，根据标题，使用具有相同 id 的多个字段不是一个好主意。它将产生问题的是 CSS、脚本等。

接下来，如果只选择特定数量的字段是您的问题，则为字段分配不同的类以表示特定组。

Answer 2

your code has some syntax errors, so if you want to show only fields with values

    $('.submit-button').on('click',function(){
       $('.datecontrol').each(function(){
        if($(this).val()!='') // check if field is empty
           alert($(this).val());
       }); //-->missing closing brackets
   });

Answer 3

首先，你不能对多个元素使用相同的id，如果你想让jquery代码找到元素，它只会找到最后一个。

更好的是，您使用类，或者您可以使用标题标签来使用多个元素.each()。

Answer 4

我不太了解您的问题，但我认为您正在寻找的答案 - 或者您应该考虑的内容如下：

在 JQuery 中，您可以选择带有类示例的 ID，例如。

$("#yourid.yourclass");

这意味着您可以保留唯一的 ID（这对工作流程很重要），您仍然可以为组分配类！

所以一个示例元素看起来像这样

<div id="mynumber" class="red"></div>
<script>
$("#mynumber.red").on("click", function()
{
alert('I was clicked');
});</script>

对于查找空项目，您可以使用 .length()

作为附加信息：要在使用相同 id 时验证您的文档，请不要使用 html 标签 id="" 而是使用 data-id="" 作为数据元素无论如何都是有效的。