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/