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下拉框。
目前除此之外應該沒有其它的辦法能做到。