2012-03-05 15 views
4

私は入力フィールドと隠れたdivを持っています。入力は読み取り専用です。ユーザーが入力をクリックすると、JQuery UIオートコンプリートを使用して項目のリストが提案されます。ユーザーがリストから項目を選択したときにイベントをトリガーする(非表示のクラスを削除する)ことは、私が達成したいと思っています。誰かが助けることを願っています。返信をお寄せいただきありがとうございます。乾杯。マークJQuery UIオートコンプリート - アイテムが選択されたときにイベントをトリガーする方法?

http://jsfiddle.net/fdBHC/1/

私のhtml:

<input id="conditions" type="text" readonly="readonly" /input> 
<div id="test" class="hidden">some text</div>​ 

マイCSS:

input{ 
    margin:50px; 
    border:1px solid black;} 

div{ 
    width:200px 
    height:200px; 
    background-color:orange;} 

.hidden{ 
    display:none;} 

マイJS:

$(function() { 
    var availableTags = [ 
      "aucune","Prise de contact préalable nécessaire" 
     ]; 
    $("#conditions").autocomplete({ 
     source: availableTags, 
     minLength: 0 
    }).click(function() { 
     $(this).val(""); 
     $(this).autocomplete("search"); 
    }); 
});​ 

答えて

7

使用できる自動入力補完でイベントが(あり私がアンダー正確に):

$("#conditions").autocomplete({ 
    source: availableTags, 
    minLength: 0, 
    select: function(event, ui) { 
     // do something when an item from the list is selected, for example: 
     $('#test').remove(); 
    } 
})... 
+3

'minLength:0'の後にコンマがありません – shanabus

+0

これです!非常にありがとう... – Marc

+0

@shanabusありがとう、私は答えを更新しました。 – freakish

0

あなたが本当に私が検索した後に私を救ったのは、テストが1時間以上失敗したことです。どうもありがとう。 私はこの方法でこれを使用しました $("#farmer").autocomplete({ select: function(event, ui) { alert('youve just selected a farmer, thanks'); } })

関連する問題