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

【问题标题】：JS: Selecting div's href's and submitting form?JS：选择 div 的 href 并提交表单？
【发布时间】：2011-04-25 13:10:42
【问题描述】：

我的 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>

由于@alex，每当我单击 div1 中的任何内容时都将其设置为输入

是否也可以提交表单？

我的 javascript 看起来像这样：

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

我不知道它的样子。 http://jsfiddle.net/FCHpn/ 非常感谢。

【问题讨论】：

在这种情况下使用 jQuery 的原因是什么？
$(this).attr('href') 部分是几十个（可能更多）函数调用，可以用简单的属性访问代替：this.href。
如何使用带有单选按钮的普通表单？添加一些 CSS 并完成。

标签： javascript jquery forms javascript-events

【解决方案1】：

这将提交#input1所在的表单。

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

【讨论】：

输入有一个表单属性，即它所属的表单。考虑：var el=$('#input1')[0]; el.value=this.href; el.form.submit(); 并保存大量函数调用。

【解决方案2】：

要提交表单，您只需在表单元素上调用.submit()。我会给表单一个 id，然后调用类似的东西

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

【讨论】：