JS:选择div的href和提交表单?

时间:2011-04-25 13:10:43

标签: javascript jquery forms javascript-events

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

当我点击div1中的任何内容时,由于@alex

,设置为输入

是否也可以提交表格?

我的javascript看起来像这样:

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

我有一个小提琴的样子。 http://jsfiddle.net/FCHpn/ 非常感谢。

2 个答案:

答案 0 :(得分:3)

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

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

答案 1 :(得分:2)

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

的东西
$("#formid").submit();