2012-03-06 9 views
1

jqueryuiコンボボックスの変更をトリガする方法以下のHTMLを

<select id="savedSearchSelect"> 
    <option value="10024">All docs.true</option> 
    <option value="10028">fgfd.false</option> 
    <option value="10029">htyu.false</option> 
    <option value="10030">dffdgb.false</option> 
    <option value="10031">Puppy.false</option> 
    <option value="10056">Puppy 2.false</option> 
    <option value="10057">Puppy 3.false</option> 
    <option value="10058">Puppy 4.false</option> 
    <option value="10059">Puppy 5.false</option> 
    <option value="10060">Puppy 6.false</option> 
</select>​ 

私はコンボボックスを初期化します。

$("#savedSearchSelect").combobox(); 

後のコードで - 私は手動で根本的な選択で選択したオプションをトリガ:

$("#savedSearchSelect option:eq(2)").attr("selected", "selected"); 

何アイテムが選択されたことをjQuery UIコンボボックスでトリガーする次のステップですか? jsFiddleでの私の問題の

デモはすでにここで設定されています http://jsfiddle.net/Wg6sR/7/

+0

質問内のすべての 'jsFiddles'回答は有効期限が切れている、/見つからないリソースは、誰かがそれらを更新してくださいすることができますか? –

答えて

9

は、選択の変更イベントをリッスンし、それに応じてフィールドを更新:

$("#savedSearchSelect").change(function() { 
    $(this).next().val($(this).children(':selected').text());  
}); 

http://jsfiddle.net/Wg6sR/8/

+0

問題の半分を解決するアイデアをありがとう - しかし、それでも選択または変更されたイベントはトリガーされません:http://jsfiddle.net/wtvamp/Wg6sR/11/ –

+0

http://jsfiddle.net/Wg6sR/ 12 /ここに行くよ。 'オートコンプリート'選択されたイベントをトリガーし、そのイベントのリスナーをコンボボックス呼び出しによって作成された入力に追加します。 – Mathletics

+0

オクラホマ - もう少し遊んできました。オートコンプリートを起動すると、私は空に見えますが、これを修正する方法はありますか? http://jsfiddle.net/wtvamp/Wg6sR/13/ –

2

火災このような選択でイベントを変更する:

$("#savedSearchSelect").change() 

これは、Mathleticsによって提供されたバインド後に発生する必要があります。

http://jsfiddle.net/PzsJg/1/

これはIMO、もう少しエレガントです:http://jsfiddle.net/PzsJg/3/

+0

ありがとうございます。これは、私が持っていた問題(過去に2つのコンボボックスを同期させる)を超えてしまった。振り返ってみるととてもシンプルだ...:p –

関連する問題