使用HTML + JavaScript实现多列组合框

Question

我正在寻找仅使用HTML + JavaScript的多列组合框。有没有可用的示例或库？当我遇到一些解决方案时，它们在ASP.NET中，但不是纯HTML + JavaScript。

这是一个示例，但它是使用Java Swing实现的。

Answer 1

如果jQuery是一个选项，这是一个看起来可以提供这个的插件：

Jquery Multi Column Selectbox

Answer 2

Flexbox 可能是我用过的最好的jQuery，支持分页和JSON：

http://flexbox.codeplex.com/

这是一个真正的组合框，因为它通过输入显示结果。它可以通过CSS轻松重新设计。

EG。修改行：

.ffb .content .row {
    border-bottom: 1px solid #828790;
    clear: both;
    color: #000000;
    height: 20px;
}

可以删除

border-bottom以消除行之间的行。

Answer 3

http://dev.sencha.com/deploy/dev/examples/form/combos.html显示ExtJS的组合框。他们的组合框可以使用模板进行自定义，以用于渲染每个条目。您需要做的就是指定一个包含几个具有设定宽度的跨度的模板。

如果您愿意使用ExtJS（非免费），请在此处写下，我将向您展示一个示例