1、1新建一個(gè)html文件2在body標(biāo)簽里寫入下拉列表select標(biāo)記3在select標(biāo)記中用option寫入下拉框內(nèi)的值，想要多少就寫多少即可。

2、1創(chuàng)建CSS菜單的HTML代碼框架我們使用class=“nav”屬性的‘div’標(biāo)簽作為菜單的容器在截圖中，在圖示的HTML代碼中，一個(gè)簡(jiǎn)單的無序列表ul來表示主菜單項(xiàng)2在主菜單區(qū)域中添加鏈接在本步驟中，在無序列表。

3、下拉菜單，其實(shí)就是使用HTML+css和一些小小的js就能很簡(jiǎn)單的實(shí)現(xiàn)，首先需要你有至少有2個(gè)div然后在將第一個(gè)div作為父級(jí)元素，然后在使用positionabsolut絕對(duì)定位一下然后在使用JS，獲取對(duì)象，然后添加一個(gè)鼠標(biāo)的onmouseover。

4、2lta lta href=quot#quot下拉 3lta ltdiv ltli ltul ltscript src=quotscriptjsquotltscript ltbodylthtml CSS stylecssbody fontfamily quotLucida Sans Unicodequot， quotLucid。

5、如果是新手的話，可以使用三劍客來做很簡(jiǎn)單的下拉菜單的制作的詳細(xì)步驟FW中的做法1打開軟件新建文檔 2繪制一個(gè)導(dǎo)航條在上面輸入文字 3用最上面的選擇工具選中導(dǎo)航按鈕不要少點(diǎn)哦。

6、現(xiàn)在我們?yōu)閚av添加樣式，首先去掉默認(rèn)的margin和padding，再去掉ltullt li標(biāo)簽的liststyle樣式和lta標(biāo)簽的默認(rèn)下劃線接下來再添加適當(dāng)?shù)臉邮礁鶕?jù)實(shí)際需要添加進(jìn)行美化，如一下樣式ltstyle type=quottextcssquot。

7、這個(gè)用jQuery就的toggle函數(shù)可以實(shí)現(xiàn)lt！DOCTYPE htmllthtml lang=quotenquotlthead ltmeta charset=quotUTF8quot lttitleTitlelttitleltscript src=quot ltstyle main liststyle float。

8、renderOptionsarr ， el生成select 的 option elempty $eachdata ， functionindex ， item $#39ltoption#39attr value itemid htmlitemnameappendToel。

9、單純的實(shí)現(xiàn)效果有很多種方法直接跳轉(zhuǎn)頁(yè)面也行，下拉菜單包著a標(biāo)簽 下面用iframe，也行，點(diǎn)擊的時(shí)候用js替換src lt！DOCTYPE html lthtml ltheadltmeta charset=quotutf8quot lttitlelttitleltscript src=quot。

10、例如，如果我們想要打開“文件”菜單的下拉菜單，我們可以首先按下Alt鍵，然后接著按下F鍵因?yàn)椤癋”是“文件”菜單名旁帶下劃線的字母這時(shí)，無需點(diǎn)擊鼠標(biāo)，下拉菜單就會(huì)自動(dòng)打開同樣的方法也適用于其他菜單例如。

11、下拉菜單的制作方法，要CSS代碼的 可以出現(xiàn)二級(jí)菜單和三級(jí)菜單的最好不要有javascript代碼出現(xiàn) 可以出現(xiàn)二級(jí)菜單和三級(jí)菜單的最好不要有javascript代碼出現(xiàn) 展開 #xE768 我來答。

12、可以通過設(shè)置數(shù)據(jù)有效性的方法，設(shè)置下拉菜單，實(shí)現(xiàn)數(shù)據(jù)可輸入也可以選擇1點(diǎn)擊數(shù)據(jù)選項(xiàng)卡數(shù)據(jù)驗(yàn)證命令在數(shù)據(jù)驗(yàn)證命令設(shè)置窗口，允許條件選擇序列，來源處，點(diǎn)擊右側(cè)的單元格拾取器選擇提前輸入的數(shù)據(jù)區(qū)域，點(diǎn)擊確定，數(shù)據(jù)。

13、如果是第二級(jí)，點(diǎn)將增加到八個(gè)，見下圖，轉(zhuǎn)到下面的步驟6第六步，完成上述步驟后，創(chuàng)建完成，只需確認(rèn)即可，現(xiàn)在可以看到剛剛在表單上創(chuàng)建的下拉菜單，見下圖這樣，就解決了這個(gè)問題了。

14、這里就以性別的男女為例了，輸入完成之后點(diǎn)擊確定就可以7所有的下拉菜單內(nèi)容都輸入完成之后，返回到內(nèi)容控件屬性設(shè)置對(duì)話框中點(diǎn)擊右下角的確定按鈕就設(shè)置完成了，返回到word文檔內(nèi)就可以看到表格的下拉菜單設(shè)置完成了。

15、下面是Demo代碼，原生開發(fā)和基于插件的方式lt！DOCTYPE htmllthtmlltheadltmeta charset=quotutf8quotlttitle子菜單lttitlelt！CDN上引入bootstrap樣式和插件，可以不使用，自己寫一樣有效果ltlink href=quot。