Javascript 提交仅使用 id 工作

Question

所以我有这个问题。这个表单有一个日期类型输入，它转到另一个我没有发布的 php 函数，因为它工作正常，只有一件事不起作用。您可以看到dateform是一个id，因此当我选择日期时，它只会抛出第一行的所有进程(它在while循环内(。我知道这个问题，dateform必须是类，但是如果我更改类的id，则不起作用。

以下代码是它工作的代码(仅在第一行中(。我把它换成了$(".dateform")和class="dateform"但仍然如此。

爪哇语

<script type="text/javascript">
    $(".dateinput").change(function(){
        console.log("Submiting form");                
        $("#dateform").submit();
    });
</script>

.html

<form id="dateform" action="' . date($connection) . '" method="POST">
    <input type="hidden" name="order" value="' . $row['order'] . '">
    <input type="hidden" name="a_date" value="' . $a['id'] . '">
    <input class="dateinput" type="date" name="rDate" value="' . $row['r_view'] . '">
    </form>

Answer 1

不能使用全局选择器来查找与正在处理的特定输入关联的表单。

"在文档中搜索带有(唯一(id blah的元素"将始终为您提供相同的结果。

如果您确实将 id 更改为类，那么您将获得所有表单，但您仍然不知道哪个表单是相关的。

您需要从与事件相关的内容开始(即 this......触发事件的 select 元素(，然后查找从它到您尝试查找的元素的关系。

在本例中，您正在寻找与表单控件关联的窗体，并且有一个标准属性。

$(this.form).submit();