如何用js实现select下拉框里是树形结构,可复选,select框中传复选所有值?如下图所示。

 我来答
li668xiao
推荐于2017-10-22 · TA获得超过611个赞
知道小有建树答主
回答量:412
采纳率:61%
帮助的人:248万
展开全部
首先说树形结构,国内有个开源的js控件叫zTree,支持复选。
然后下拉框你可能需要自己做一个(html输入框+右边的一个图标按钮)。
最后,用一个隐藏的div把树形结构包起来,这个div设置成绝对定位,在下拉框右侧选择按钮的单击事件处理函数里,显示这个隐藏的div,并把它的位置设置成在下拉框下面就行了。
思路就是这样,要么楼主可以找找有没有其他更现成的控件,extjs4我记得有类似的,但是他的复选功能不太符合中国习惯,也许现在的版本改好了,你可以查查试试看。
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
爱的最高境界是经得起平淡的流年
2017-10-22 · TA获得超过493个赞
知道小有建树答主
回答量:556
采纳率:0%
帮助的人:188万
展开全部
这个插件可以支持。使用比较简单,不过默认样式和你这个有区别。你需要自己调整下样式就行了https://github.com/purecreek/MultipleTreeSelect
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
在深修行
2017-01-20 · TA获得超过107个赞
知道小有建树答主
回答量:100
采纳率:71%
帮助的人:49.4万
展开全部
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
百度网友f4ebc83
2013-08-24 · 超过91用户采纳过TA的回答
知道小有建树答主
回答量:236
采纳率:0%
帮助的人:175万
展开全部
从你的图片看应该是jquery-easyui的combotree
你可下载提取使用。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
百度网友946507c
2013-06-09 · TA获得超过195个赞
知道答主
回答量:77
采纳率:0%
帮助的人:46.4万
展开全部
1.如果能实tree,那就能实现在下拉框里显示tree,无非就是把内容放在div里面,把div放到select下面.
2.关于tree如何实现,呵呵,实现很复杂,楼主如果有心研究,可以找个开源js框架自己研究去.
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 6条折叠回答
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式