js下拉框树

① js打开select的下拉选项

如果不需要抄下拉框，那么可以不用<select，网上那些点击后下面弹出自定义选项的，都不是用的<select，而是通过CSS画出的类似<select样子的标记，比如<div、<span等 最简单的方法，在那个地方放个下拉框样子图片，然后点图的时候弹出你下面那个树 BTW：<select的下拉是没办法通过JS来关闭的，那个是浏览器本身的行为

② 求jquery版的多选树形下拉框的插件(Multiple ComboTree)

layui树形组件，topjui的数据表格 都行

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

首先说树形结构，国内有个开源的js控件叫zTree，支持复选。
然后下拉框你可能需要自己做一个（html输入框+右边的一个图标按钮）。
最后，用一个隐藏的div把树形结构包起来，这个div设置成绝对定位，在下拉框右侧选择按钮的单击事件处理函数里，显示这个隐藏的div，并把它的位置设置成在下拉框下面就行了。
思路就是这样，要么楼主可以找找有没有其他更现成的控件，extjs4我记得有类似的，但是他的复选功能不太符合中国习惯，也许现在的版本改好了，你可以查查试试看。

④ 如何用JS选中下拉框选项

1、打开vscode，创建一个H5规范的页面，用于演示js如何给下拉框设置默认值。

2、在页面中添加一个下拉框，并在html中通过selected属性，默认选择下拉框的第2个值。

3、在浏览器中打开页面，就可以看到这个下拉框默认选中的第二个下拉值。

4、在页面顶部引入jquery，由于本文将塌乎庆jquery和页面放在同一级目录，所以，直接使用了jquery文件名引用。如果不在同一级目录，引入的路径需要有层级。

5、在页面底部，添加jquery代码，使用.val()方法，在页面文档加载后，就马上修改下拉框的默认选中值为第三个值。此时是不管html的标签中selected属性原来是标记在哪一个选项的，都会改成新的值。

6、顷郑在浏览器中团握打开页面，这个时候就会看到，下拉框的默认值已经变成了第三个选项。

7、如果想要通过下拉框的显示值来设置默认选中项，就需要使用类似下面的语法：

$("#sltDef").find("option:contains('第4个选项')").attr("selected",true);

⑤ 如何用jsp做个树形下拉框

用jsp做树形下拉框可以用java自定义标签实现。

参考代码如下：

packagecom.moonNigh.tagSupport;

importjava.io.IOException;

importjavax.servlet.http.HttpServletRequest;
importjavax.servlet.jsp.JspException;
importjavax.servlet.jsp.JspWriter;
importjavax.servlet.jsp.tagext.TagSupport;

/**
*
*
*树形下拉选择控件
*
*/

{

=9878861374414215L;

//标签name属性
privateStringname;

//所需图片的路径
privateStringimgPath;

//所需javascript文件的路径
privateStringscriptPaht;

//所需css文件的路径
privateStringcssPath;

//项目的根路径
privateStringrootPath;

//标签的value属性
privateStringvalue;
privateStringtext;
privateStringpath;

/*
*标签的actionUrl属性
*联想查询结果数据通过向actionUrl属性指定的url请求得到
*/
privateStringactionUrl;

=null;


publicStringgetActionUrl(){
returnactionUrl;
}
publicvoidsetActionUrl(StringactionUrl){
this.actionUrl=actionUrl;
}
publicStringgetValue(){
returnvalue;
}
publicvoidsetValue(Stringvalue){
this.value=value;
}
publicStringgetImgPath(){
returnimgPath;
}
publicvoidsetImgPath(StringimgPath){
this.imgPath=imgPath;
}
publicStringgetScriptPaht(){
returnscriptPaht;
}

publicvoidsetScriptPaht(StringscriptPaht){
this.scriptPaht=scriptPaht;
}
publicStringgetCssPath(){
returncssPath;
}

publicvoidsetCssPath(StringcssPath){
this.cssPath=cssPath;
}


publicStringgetText(){
returntext;
}
publicvoidsetText(Stringtext){
this.text=text;
}
publicStringgetName(){
returnname;
}
publicvoidsetName(Stringname){
this.name=name;
}
publicSelectorTag()
{

}


/**
*初始化变量
*/
privatevoidinitAbttributes()
{
request=(HttpServletRequest)this.pageContext.getRequest();
rootPath=request.getContextPath();
this.imgPath="/images/";
this.scriptPaht="/js/";
this.cssPath="/css/";

}
@Override
publicintdoStartTag()throwsJspException{
initAbttributes();
path=rootPath+"/jsp/tags/treeSelectorPage.jsp?id="+id+"&actionUrl="+actionUrl;
JspWriterout=pageContext.getOut();
try{
StringtName=name;
//引入javascript文件
out.println("<scripttype='text/javascript'charset='GB2312'src='"+rootPath+scriptPaht+"selector.js'></script>");

//引入css文件
out.println("<linkrel='stylesheet'href='"+rootPath+cssPath+"selector.css'type='text/css'/>");

StringBuildertag=newStringBuilder("<inputtype='text'");
tag.append("id='").append(id).append("'");
tag.append("value='").append(text==null?"":text).append("'");
tag.append("onclick='returnshowSelector("");
tag.append(id).append("","").append(path).append("")'readonly>");
tag.append("<inputtype='hidden'name='")
.append(tName).append("'id='").append(id).append("_value")
.append("'value='").append(value==null?"":value).append("'>");
out.println(tag.toString());
}catch(IOExceptione){
e.printStackTrace();
}
returnSKIP_BODY;
}


}

运行结果：

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

1、手动的改成树形结构，在二级opint标签的内容前面加入空格，形成树形的样子。
2、用div等标签做成模拟的select下拉框。
目前除此之外应该没有其它的办法能做到。