选择后使 <select> 对象保持展开答案

【问题标题】：leave the <select> object expanded after selection选择后使 <select> 对象保持展开
【发布时间】：2011-09-16 10:27:15
【问题描述】：

我不确定这是否可能，但我想在选择后使用 JavaScript、JQuery 保留 HTML <select> 对象。有什么想法吗？

编辑

我想要的是那个；如果用户从选择列表中选择更多选项，我将添加更多选项来选择元素并使其保持打开状态。如果用户选择更多选项以外的其他内容，我将折叠列表。我可以使用其他功能，但这里唯一的问题是保持选择元素打开。

【问题讨论】：

【解决方案1】：

这是不可能的。您必须实现一些看起来和工作起来都像本机 <select> 的东西，但它也具有您想要的功能。

edit — 检查克林先生的回答；可能有办法让这项工作发挥作用。

【讨论】：

【解决方案2】：

你可以非常接近这个：

$('#selectID').change(function(){
    $(this).attr('size', $(this).children().length);
});

size attribute 指定显示多少选项（默认为0）。

您可能需要进行一些测试，这是否适用于每个（最近的）浏览器。但 imo 这比尝试模拟选择框（屏幕阅读器等）要好。

【讨论】：

【解决方案3】：

您不能使用 JavaScript 扩展选择元素。您可以使用多选，但这可能不是您想要的。

【讨论】：