Javascript jquery无法更改隐藏的输入

我试图根据用户在主页上单击的按钮将数据从主页传递到模式。因此，我尝试使用jquery来更改模式上表单中的隐藏输入字段。但它不起作用，我也不知道为什么

这是应该进行更改的按钮：

<button class="btn btn-primary" data-toggle="modal" data-target="#myModal" onclick="javascript:$('#DomainName').val('example.com');">example.com</button>

example.com

模态中的表单如下所示：

<form action="test.php" method="POST">
    <input type="hidden" id="DomainName" value="" />
    <button type="submit" id="confirm" class="btn btn-primary">Confirm</button>
</form>

证实

但是当我在本地服务器上测试时，test.php什么也不显示。它的代码是：

<?php
    echo $_POST['DomainName'];
?>

---

我肯定我错过了一些简单的东西，但没有看到。有什么想法吗？

您的输入需要

name=“DomainName”

这能回答您的问题吗？好的，我知道它需要id和名字，出于某种原因，我认为它只需要id。谢谢。我现在接受你的回答，但我不得不等待一些任意原因。表单输入需要名称才能将数据提交到服务器。他们实际上不需要ID，这只会使JS（或CSS）更容易以输入为目标-这是完全可选的。