jquery - 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/