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

如题所述

第1个回答  推荐于2017-10-22
首先说树形结构,国内有个开源的js控件叫zTree,支持复选。
然后下拉框你可能需要自己做一个(html输入框+右边的一个图标按钮)。
最后,用一个隐藏的div把树形结构包起来,这个div设置成绝对定位,在下拉框右侧选择按钮的单击事件处理函数里,显示这个隐藏的div,并把它的位置设置成在下拉框下面就行了。
思路就是这样,要么楼主可以找找有没有其他更现成的控件,extjs4我记得有类似的,但是他的复选功能不太符合中国习惯,也许现在的版本改好了,你可以查查试试看。本回答被网友采纳
第2个回答  2017-10-22
这个插件可以支持。使用比较简单,不过默认样式和你这个有区别。你需要自己调整下样式就行了https://github.com/purecreek/MultipleTreeSelect
第3个回答  2017-01-20
第4个回答  2013-08-24
从你的图片看应该是jquery-easyui的combotree
你可下载提取使用。
第5个回答  2013-06-09
1.如果能实tree,那就能实现在下拉框里显示tree,无非就是把内容放在div里面,把div放到select下面.
2.关于tree如何实现,呵呵,实现很复杂,楼主如果有心研究,可以找个开源js框架自己研究去.

怎样用 CSS + JS 美化网页中的 select 下拉框
这个可以换种方式实现,首先select的样式每个浏览器都有其默认的样式,需要先去除这些默认样式,其次,select里面的样式诸如箭头,下拉框等等的样式,这里提供一种思路,就是在select的外层添加一个div,对这个div元素设置样式,select元素则是没样式,从而达到一种掩眼法的效果,实现方式如下:<!-- html 布...

js怎么能取得多选下拉框选中的多个值?
方法:获取多选下拉框对象数组→循环判断option选项的selected属性(true为选中,false为未选中)→使用value属性取出选中项的值。实例演示如下:1、HTML结构 <select id="test" multiple="true"><option value="option-A">option-A<\/option> <option value="option-B">option-B<\/option><option val...

怎那样用js实现点击select下拉框中的选项更改页面内容
"<\/select>"+ "<input type='hidden' name='deptName' \/>";var Dept = mainPage.document.getElementsByName("Dept")[i-1];for(var k=0;k<Dept.length;k++) { if(Dept[k].value==trim(本页面下拉菜单的值 treatDetailRow.performedBy)) { Dept[k].selected=true;} } ...

怎样用js取得select下拉列表框内选中的option的value值呢
单选下拉列表框对象的value属性值就是选中项的value值,因此只需用如下代码即可 var selected_val = document.getElementById(select_id).value;并且,通过操作select下的option也可以得到被选项的value值,方法为:var sel = document.getElementById(select_id);var selected_val = sel.options[sel.sel...

js中怎样判断select下拉框的选择内容
代码如下:alert(select_object.value);\/\/select_object是select对象,弹出已选中的内容alert(select_object.innerHTML);\/\/弹出可选的内容

JS实现select选中option触发事件操作示例
我们在用到下拉列表框select时,需要对选中的<option>选项触发事件,其实<option>本身没有触发事件方法,我们只有在select里的onchange方法里触发。想添加一个option的触发事件,在option中添加onclick 点来点去就是不会触发事件 又在select中添加onclick 这下可好了,没选option呢就触发了 百度来的说option...

用js怎样获得下拉框的值?
1、首先我们打开软件进入代码编辑按照图示代码先创建一个下拉框。2、要运行后网页界面如此显示下拉框。3、接下来我们按照图示代码用js来获取被选中的值。4、首先我们通过selectedIndex来获得被选中的下标,再通过下标来获得值。5、当然,如果你是用jquery的话可以按照图示代码进行设置依然可以获得下拉框的值。

怎样用 CSS + JS 美化网页中的 select 下拉框?
1、首先我们来看一下效果图,横向下拉菜单。2、接下来我们看一下w3c的菜单,和小编的菜单对比一下。两者内容相同,但w3c的菜单不支持下拉,缺乏动态效果,显得死板。选中效果也不明显。不过他的网页是框架式结构,菜单相对来说还是导向性很明确的。而且将信息分成几大块,每大块有分为几小块,这样的排版...

如何用JS在下拉框中填写、删除或全部删除下拉框的内容
<TITLE>选择下拉菜单-www.51windows.Net<\/TITLE> <meta http-equiv="Content-Type" content="text\/html; charset=gb2312"> <META NAME="Description" CONTENT="Power by 51windows.Net"> <\/HEAD> <BODY> <p>选定一项或多项然后点击添加或移除(按住shift或ctrl可以多选),或在选择项上双击进行...

怎么用js动态 设置select中的某个值为选中值
我们使用javascript实现js动态设置select中的某个值为选中值,操作如下:使用javascript实现:<!DOCTYPE html PUBLIC "-\/\/W3C\/\/DTD XHTML 1.0 Transitional\/\/EN" "http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-transitional.dtd"> <html xmlns="http:\/\/www.w3.org\/1999\/xhtml"> <head> <meta ...

相似回答