JQuery：单击div文本以设置输入字段值

Question

我正在尝试使用jquery在用户单击时将输入字段值设置为选项字段内的文本。这将需要保留最后一个输入字段的记录，因此我可以在用户单击“选项”时设置其值。

标记

<div class="option">apples</div>
<div class="option">oranges</div>
<div class="option">pears</div>

<input type="text" value="default" class="fruit-name"/>
<input type="text" value="default" class="fruit-name"/>
<input type="text" value="default" class="fruit-name"/>

JQuery（使用伪代码）

$(document).ready(function(){
   $('.fruit-name').click(function(){
      $('.option').click(function(){
           $((this)(fruit-name)).val($((this)(option)).text());

      });

});

Answer 1

$(document).ready(function() {
    var $option = $('.option'),
        $fruit = $('.fruit-name'),
        $last;

    $fruit.focus(function() {
        $last = $(this);
    })

    $option.click(function() {
        $last.val(this.innerHTML)
    })
});

http://jsfiddle.net/jgBxs/