ドロップダウンボックスで選択ボックスを開きます

Question

不明瞭なタイトルをお詫び申し上げます。どのように私は、このページのようなソリューションを構築することができます：

http://reisen.com/

私は空港（Abflughäfen）のドロップダウンフィールドのようなソリューションを求めています。ドロップダウンをクリックすると、パネルにチェックボックスが表示されます。ボックスを選択すると、選択した項目がドロップダウンリストに表示されます。

jquery用のプラグインはありますか、それとも自分でコード化してもかまいませんか？これはどうですか？

フィードバックにご協力いただきありがとうございます。

Answer 1

これはおそらくプラグインに依存するほど複雑ではありません。

1）彼らは

$('#airport').change(function(){ 
    $('#panel').toggle(); 
}); 

2ドロップダウンをクリックすると、あなたがこの動作を確認したい場合、彼らは

$('#close').button().click(function(){ 
    $('#panel').toggle(); 

    //figure out exactly what they checked off 
    var results = new Array(); 
    $('input[name="group"]:checked').each(function(){ 
     results.push($(this).val()); 
    }); 

    //append back to the select this list 
    $('#airport').append('<option value="bar">'+results.join(',')+'</option>'); 
}); 

を選択したかを数字閉じるボタンのイベントを作る）パネルを表示します簡略化されたフォームは、こちらをご覧ください：http://jsfiddle.net/ryleyb/RHBcc/