jquery - ドロップダウンリストをクリックしてテキスト値を変更する - JQuery

Question

http://jsfiddle.net/ZbcVH/1/

HTML

<div id="locationselect"><ul><li>United Kingdom</li><li>France</li><li>Germany</li></ul></div>
<input tpye="text" id="location" />

Jクエリ

$('#locationselect').click(function() {
    $('#location').html($(this).val());
});

上記のリンクに示されているように、基本的には、順序付けされていないリスト項目id="locationselect"から値を選択し、選択したリスト項目の値をid="location"テキスト ボックスに入れたいと考えています。どこが間違っているのかよくわかりません。

シンプルなものだとおもいます。他の質問を調べてみましたが、クリックしていないようです。

助けてくれてありがとう！

Answer 1

要素自体にリスナーを配置し、そこから をliフェッチtextします。

この解決策を試してください：

<div id="locationselect"><ul><li>United Kingdom</li><li>France</li><li>Germany</li></ul></div>
<input tpye="text" id="location" />

$('#locationselect li').click(function() {
    $('#location').val($(this).text());
});

更新されたJSFiddleを参照してください: http://jsfiddle.net/WYUSn/

Answer 2

このコードを試してください。入力では、 を使用val()して値を変更します。そしてtext()あなたの李に乗ってください。

jsFiddle here

$('document').ready(function(){
    $('#locationselect li').click(function() {
        $('#location').val($(this).text());
    });
});

または.on

$('document').ready(function(){
    $('#locationselect li').on('click',function() {
        $('#location').val($(this).text());
    });
});

Answer 3

値を取得するには .val の代わりに.textが必要であり、値を設定するには .html の代わりに.valliが必要であり、親の代わりに にバインドする必要がありますdiv。

$('#locationselect li').click(function() {
    $('#location').val($(this).text());
});