下拉菜单打开一个带有选择框的 div

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/