2011-06-24 18 views
0

私は2つのマルチドロップダウンボックス(ddb)を持っています(jQueryモバイルを使用します)。ユーザーが選択した項目に基づいてddb1からアイテムを選択します。私が直面する問題は、ユーザがddb1からアイテムを選択/選択解除するたびにonChange()が呼び出されることです(これは予想される動作であると理解しています)。そうでないと問題が発生します。選択全体が終了したとき。マルチ選択ドロップダウンボックスから選択したすべてのアイテムを取得する方法 - jQuery mobile

私がしたいのは、一度ddb1がフォーカスを失ったら、ddb1からすべての選択された値を取得し、それを処理してddb2を生成する必要があります。しかし、ユーザーが選択したときにトリガーされるイベントは見つかりませんddb1.lur()とddb2.focus()を試してみました。これは何の助けもありませんでしたか?ここで

は、コードを行く:

<script type="text/javascript"> 
    $("#ddb1").blur(function(event) { 
     $("#ddb2").empty(); 
     var ddb1_val = $("#ddb1 option:selected").val(); 


     var url = "construct url based on ddb1_val" 

     $.getJSON(url,function(data) { 
      //do something 
     }); 
    }); 
</script> 

答えて

1

.blur()は、選択した倍数で予想通りに機能します。それがあなたのために機能していない場合は、あなたのコードに何らかのエラーがある必要があります。

コードを投稿すると、誰かがあなたを助けることができるかもしれませんが、現時点では、私が言うことができるのは.blur()が行く方法です。

+0

私はコードで私の質問を更新しました。 – Janani

+0

あなたが掲示したものはどこにも見えませんが、コードの一部を編集したことは明らかです。 'blur 'の関数内にjavascriptエラーがあると、イベントに応答しません。したがって、実際のコードにエラーがないかどうか、特にセミコロンがないなどの愚かなもの、オブジェクト定義の最後の項目のカンマなどを確認してください。 –

1

あなたは基本的にdropdown1から選択されたすべてのオプションを取り、dropdown2に追加するためのボタンを持つ必要があります。または、オプションをクリックしてすぐに追加できます。

+0

sangoli - 私はボタンを持っていない方がいいですよ。私は、onclick()メソッドを使ってデータを取り込むことができます。 – Janani

関連する問題