Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/370.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 支持树结构的类型预选列表_Javascript_Jquery_Jquery Chosen - Fatal编程技术网

Javascript 支持树结构的类型预选列表

Javascript 支持树结构的类型预选列表,javascript,jquery,jquery-chosen,Javascript,Jquery,Jquery Chosen,我正在尝试创建一个选择列表控件,该控件支持具有树结构的数据,并具有提前键入功能 数据如下所示: Category -> SubCategory Category2 -> SubCategory -> SubSubCategory Category3 Category4 当typeahead指向子类别时,我希望在下拉列表中显示完整的父->子结构 我最接近的方法是使用选定的: 这支持一个级别的嵌套,但因为标记不可嵌套在html中,所以需要尽可能多的

我正在尝试创建一个选择列表控件,该控件支持具有树结构的数据,并具有提前键入功能

数据如下所示:

Category
    -> SubCategory
Category2
    -> SubCategory
        -> SubSubCategory
Category3
Category4
当typeahead指向子类别时,我希望在下拉列表中显示完整的父->子结构

我最接近的方法是使用选定的:

这支持一个级别的嵌套,但因为
标记不可嵌套在html中,所以需要尽可能多的嵌套级别


是否有支持此功能的替代库,或者您将如何选择修补程序来支持此功能?

您需要使用排序树控件。网络上有各种各样的jQueryUI和Twitter引导程序


例如,这里有几个JSFIDDLE和GitHub repo实现了树控件。

这并没有回答我的问题。我可以从谷歌得到这样的答案。“是否有支持此功能的替代库,或者您将如何选择修补程序来支持此功能?”抱歉,您问,“是否有支持此功能的替代库?”我向您介绍了jQuery UI和引导的一些扩展。如果这不是您想要的,您能澄清一下您的问题吗?我正在尝试创建一个选择列表控件,它支持具有树结构的数据,并且具有提前键入功能。好的,您将无法使用该控件实现这一点。您需要实现一个自定义的,或者使用其他人创建的自定义的。在回答中,我链接到一个StackOverflow线程,该线程包含几个选项,从jQueryUI树到引导树,再到纯CSS树。这些有用吗?