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/