如何用JS实现下拉框中的值树形展示

JavaScript08

如何用JS实现下拉框中的值树形展示,第1张

1、手动的改成树形结构,在二级opint标签的内容前面加入空格,形成树形的样子。

2、用div等标签做成模拟的select下拉框。

目前除此之外应该没有其它的办法能做到。

首先说树形结构,国内有个开源的js控件叫zTree,支持复选。

然后下拉框你可能需要自己做一个(html输入框+右边的一个图标按钮)。

最后,用一个隐藏的div把树形结构包起来,这个div设置成绝对定位,在下拉框右侧选择按钮的单击事件处理函数里,显示这个隐藏的div,并把它的位置设置成在下拉框下面就行了。

思路就是这样,要么楼主可以找找有没有其他更现成的控件,extjs4我记得有类似的,但是他的复选功能不太符合中国习惯,也许现在的版本改好了,你可以查查试试看。

1、手动的改成树形结构,在二级opint标签的内容前面加入空格,形成树形的样子。

2、用div等标签做成模拟的select下拉框。

目前除此之外应该没有其它的办法能做到。

不要找我要代码,自己试试。