1、JS代碼 lt！ 說(shuō)明將指定下拉列表的選項(xiàng)值清空 作者CodeBitcn param String Object selectObj 目標(biāo)下拉選框的名稱或?qū)ο螅仨?function removeOptionsselectObj；Bootstrap下拉菜單與JS結(jié)合 以上的樣式還處于靜態(tài)化，并未引入JS交互，當(dāng)你想要點(diǎn)擊按鈕以控制下拉菜單的顯示與否，應(yīng)該怎么做首先你需要在頁(yè)面頭部引入Bootstrap的JS文件，之后你便可以通過(guò)上面的代碼實(shí)現(xiàn)JS控制下拉菜單的顯示；使用HTML和CSS制作下拉菜單的方法如下1編寫(xiě)帶有div導(dǎo)航的html代碼2使用class=“nav”屬性的‘div’標(biāo)簽作為菜單的容器在截圖中，在圖示的HTML代碼中，一個(gè)簡(jiǎn)單的無(wú)序列表ul來(lái)表示主菜單項(xiàng)3在主菜單區(qū)域中；簡(jiǎn)潔實(shí)用的二級(jí)下拉導(dǎo)航菜單 lt！把下面代碼加到與之間 body，htmlpadding0margin0textaligncenterfontnormal 14px #39arial#39 mainNavBarwidth100%background#999padding10px 0 navwidt；首先AJAX調(diào)用的方法請(qǐng)參考 html 然后建立后臺(tái)數(shù)據(jù)查詢頁(yè)面，確保頁(yè)面正常運(yùn)作輸出的數(shù)據(jù)可以格式化為JSON格式方便前臺(tái)JS調(diào)用這里假定你的后臺(tái)頁(yè)面經(jīng)過(guò)查詢數(shù)據(jù)庫(kù)，獲得學(xué)生名單并；* 如果不想加圖片， 則可以設(shè)置一個(gè)自己的三角形樣式， 如下的自定義方式， 見(jiàn)代碼1 *positionrelativezindex1* 代碼1 *#selectStylebeforepositionabsolutezindex1top50%right10px。

2、jsvar isClick=truequotpquotclickfunction ifisClick quotshowquotcssquotdisplayquot，quotblockquotisClick=falseelse quotshowquotcssquotdisplayquot，quotquotisClick=true 思路，要顯示的內(nèi)容用一個(gè)；最簡(jiǎn)單的辦法，找一個(gè)插件，比如bootstrap和jQuery，很簡(jiǎn)單的就能實(shí)現(xiàn)樓主想要的效果下面是Demo代碼，原生開(kāi)發(fā)和基于插件的方式lt！DOCTYPE html子菜單lt！CDN上引入bootstrap樣式和插件，可以不使用，自己寫(xiě)一樣有效果；js添加 documentonclick=functione var e=ewindoweventif！=quotcyearListquot documentgetElementByIdquotcyearListquotclassListremovequotdisblockquot。

3、在下拉菜單的change事件中，獲得當(dāng)前選擇班級(jí)的標(biāo)識(shí)，再?gòu)臄?shù)據(jù)源中匹配這個(gè)標(biāo)識(shí)的班級(jí)數(shù)據(jù)并展示 一班 二班 三班 var data = #39一班#39 #39張三，李四#39， #39二班#39 #39周五，鄭；主菜單條顯示一級(jí)欄目，子菜單顯示二級(jí)欄目當(dāng)鼠標(biāo)移動(dòng)到主菜單條上時(shí)，應(yīng)顯示其子菜單，并且被選中的菜單應(yīng)變色編一個(gè)JS格式的代碼實(shí)現(xiàn)以上功能，誰(shuí)能幫幫我，貴求，編的好還有追 主菜單條顯示一級(jí)欄目，子菜單顯示二級(jí)欄目當(dāng)；首先網(wǎng)頁(yè)中有一個(gè)隱藏的所有候選項(xiàng)的列表，然后你在輸入框中每次按下按鍵輸入的時(shí)候，會(huì)觸發(fā)事件例如keydown，keyup等，事件里面會(huì)執(zhí)行模糊匹配，依次判斷列表中的每個(gè)選項(xiàng)是否包含你輸入的內(nèi)容把包含的選項(xiàng)顯示出來(lái)就是；html中的標(biāo)簽，輸入js代碼$#39#myselect#39changefunction $#39#total#39val$#39#myselect#39val3瀏覽器運(yùn)行indexhtml頁(yè)面，此時(shí)將下拉菜單調(diào)整為“緊急”后，文本框自動(dòng)輸入了5。

4、1首先寫(xiě)出架構(gòu)，兩個(gè) buttod 按鈕2下面是一個(gè) div 存放文本和在后面的被js控制3先用 css 選擇器 為 div 控制屬性4然后寫(xiě)出 script 標(biāo)簽，可以寫(xiě)在外部，然后在引用5然后我們用 js 設(shè)置變量。

5、還沒(méi)有解決的話，繼續(xù)第二步初始化下拉菜單，頁(yè)面加入以下js代碼 function 解決bootstrap下拉菜單第一次點(diǎn)擊無(wú)反應(yīng)問(wèn)題 #39dropdowntoggle#39dropdown 原文鏈接；給你個(gè)例子，里面的數(shù)據(jù)自己改下 === lt！ 第一維第一個(gè)下拉列表的值 第二維表示下拉列表中看到的字符串 第三維表示下拉列表中的值 var subcat = new Array如果大類(lèi)的值是動(dòng)態(tài)的，則；只改css部分的代碼就可以了 首先 nav li float left width 80px background #CCC position relative加上 quotposition relativequot 屬性，是為了使它的子級(jí)元素能夠根據(jù)該元素的位置定位然后當(dāng)。

6、選擇系 選擇專(zhuān)業(yè) 用js讀取數(shù)據(jù)，然后生成代碼根據(jù)parentid，讀取數(shù)據(jù)，然后返回function getDataparentId ， callback $ajax url #39testdo#39，后臺(tái)數(shù)據(jù)地址 data parentId。