Javascript JS：选择div的href并提交表单？

我的html中有以下代码：

<div id="div1">
<a href="a"> Apple </a>
<a href="b"> Orange </a>
<a href="c"> Lemon </a>
<a href="d"> Banana </a>
</div>

<form action=" ">
<input type="text" name="q" id="input1" >
</form>

我对它的样子一窍不通。

---

非常感谢。

要提交表单，您只需拨打电话。在表单元素上提交。我会给表格一个id然后打电话

$("#formid").submit();

---

要提交表单，您只需调用。在表单元素上提交。我会给表格一个id然后打电话

$("#formid").submit();

---

这将提交input1所在的表单

---

这将提交input1所在的表单

---

在这个场景中使用jQuery的原因是什么？部分$this.attr'href'是几十个或者更多的函数调用，可以用一个简单的属性访问来代替：this.href.使用带单选按钮的普通表单怎么样？添加一些CSS并完成。在这种情况下使用jQuery的原因是什么？部分$this.attr'href'是几十个或者更多的函数调用，可以被一个简单的属性访问所取代：this.href。使用带单选按钮的普通表单如何？添加一些CSS并完成。输入有一个表单属性，即它所属的表单。考虑：var el=$'input1'[0]；el.value=this.href；el.form.submit；并保存大量函数调用。输入有一个表单属性，即它所属的表单。考虑：var el=$'input1'[0]；el.value=this.href；el.form.submit；并保存大量函数调用。

$('#div1 > a').click(function(event) {
   event.preventDefault();
   $('#input1').val($(this).attr('href')).closest('form').submit();
});