1

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());

      });

});
4

1 に答える 1

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/

于 2012-12-05T03:20:36.763 に答える