Question

请为不明确的标题道歉。如何在此页面上构建解决方案：

我想要一个类似机场下拉字段（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/

下拉列表打开带有选择框的div

1 个答案: