家长如何提交表格 div

Question

这是我在 Whosebug 上的第一个问题！我希望我解释清楚我的问题是什么。

我的问题是：我如何通过父 div.

提交带有 js 的表单

我知道我可以提交这样的表格：

document.getElementById("myForm").submit();

但我不想 select 表单通过它自己的 ID 而是通过父级的 ID div。

我想要这样的东西：

<div id="demo">
<form>
<input type="text">
</form>
</div>

<script>
document. get form in div with id demo .submit();
</script>

Answer 1

试试这个：

document.querySelector('#demo form').submit();

我搞砸了。感谢评论。

Answer 2

你可以 parent div 找到他所有的 children 并选择需要的

let test = document.querySelector('#demo')

test.children[0].submit()

Answer 3

您可以使用选择器和 querySelector 方法来访问 DOM 节点：

document.querySelector('#demo form').submit();

Answer 4

<div id="demo" style="background: #ddd; padding: 50px;">
<form id="form">
<input type="text">
</form>
</div>

<script>
var parent = document.getElementById("demo"),
    form = document.getElementById("form");
  
parent.addEventListener("click", function(){
  form.submit();
});
</script>

家长如何提交表格 div

How to submit form by parent div

html

javascript

forms

submit