选择</select>后保持<select>对象展开

Question

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

修改

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

Answer 1

直接不可能。您必须实现看起来像原生<select>的东西，但也具有您想要的功能。

编辑 - 检查Kling先生的回答;可能有一种方法可以使这种工作变得有点像。

Answer 2

你可以非常接近这个：

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

size attribute指定要显示的选项数量（默认为0）。

DEMO

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

Answer 3

您无法使用JavaScript扩展select元素。你可以使用select multiple，但这可能不是你想要的。