JS: Выбираете div's href и отправляете форму?

Question

У меня есть этот код в моем 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

IsМожно ли отправить форму тоже?

Мой javascript выглядит так:

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

У меня есть скрипка о том, как это выглядит.http://jsfiddle.net/FCHpn/ Большое спасибо.

Answer 1

Это отправит форму, в которой #input1 сидит.

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

Answer 2

Для отправки формы вам просто нужно позвонить .submit() в элементе формы.Я бы дал форме идентификатор, а затем позвонил бы что-то вроде

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