具有typeahead和分层项的Javascript组合框

jvo*_*oll 5 javascript jquery combobox typeahead bootstrap-typeahead

我想创建一个带有分层项目列表的组合框.我需要能够单独选择父项和子项.我还需要能够为这个组合框提供先行功能.

例如,我想在JS中使用这些数据制作一个组合框:

加拿大

--Ontario

--Quebec

美国

--Massachusetts

--Ohio

--Texas

从这个下拉列表中我希望能够单独选择任何一个省/州.我也希望能够选择"加拿大"而不选择它的孩子.

我已经尝试过Select2并且一直在挖掘JQuery UI以查看它是否可行,但到目前为止我无法完全实现我需要的行为.我正在使用bootstrap编写此页面,但boostrap中给定的typeahead似乎根本不适用于组合框(我可以看到).

Tar*_*zam 3

您可以使用 Chosen javascript 插件来实现此目的。 http://harvesthq.github.com/chosen/