思路如果下拉菜單是options 你可以使用for循環(huán)，創(chuàng)建options，然后添加text ，value和一些屬性最后放到select標(biāo)簽里如果你是用其他標(biāo)簽?zāi)M的下拉菜單和上面的方法是一樣的，只是你要自己寫樣式。

不過可以說說最常見的方法是，所有的下拉列表的數(shù)據(jù)都是固定死了的，寫到j(luò)s的數(shù)組里，然后用js來實(shí)現(xiàn)，這方面的js代碼相當(dāng)多，這就是純js實(shí)現(xiàn)的如果數(shù)據(jù)是動(dòng)態(tài)的，需要先組裝成list再配合js調(diào)用。

你可以將點(diǎn)擊時(shí)將文本框中值傳到后臺(tái)，后臺(tái)返回?cái)?shù)據(jù)后，在將數(shù)據(jù)存入下拉列表對(duì)象中 ltscript lthead ltbody ltpltinput type=quottextquot placeholder=quot請(qǐng)輸入查詢對(duì)象quot autofocus id=quot。

javascript添加一個(gè)下拉列表項(xiàng)的方法創(chuàng)建一個(gè)新的option節(jié)點(diǎn)，然后添加到目標(biāo)select對(duì)象中去，關(guān)鍵代碼如下1var objSelect = documentgetElementByIdselect_id2var new_opt = new OptionobjItemText， objItemV。

select標(biāo)簽可以創(chuàng)建下拉列表，列入 ltselect ltoption value=quot1quot我是下拉項(xiàng)目1ltoption ltoption value=quot2quot我是下拉項(xiàng)目2ltoption ltoption value=quot3quot我是下拉項(xiàng)目3ltoption ltoption value=quot4quot我。

js獲取下拉列表框文本值，例如下面的HTML代碼ltselect onchange=quotisSelectedthisvaluequot id=quotcityquot ltoption value=quot1quot北京ltoption ltoption value=quot2quot 上海ltoption ltoption value=quot2quot 廣州ltoption。

lt！DOCTYPE HTMLlthtmlltheadltmeta charset=quotUTF8quot lttitleprohtmllttitleltstyle type=quottextcssquotltstyleltscript type=quottextjavascriptquot src=quotjquery180minjsquotltscriptltscript type=quottext。

lt！DOCTYPE html lthtml lthead ltmeta charset=quotutf8quot lttitlelttitle ltbody PM設(shè)備ltselect style=quotwidth 100pxquot id=quotprequot onchange=quotchgthisquot ltoption value=quot1quot請(qǐng)選擇ltoption ltselec。

lthtml 下面是調(diào)用的js HPMenujs function Menutheform，menuid **\ 1變量定義 ** 定義菜單級(jí)別MenuClass，菜單長度數(shù)組MenuLenArr，菜單名稱數(shù)組MenuArr，下級(jí)菜單數(shù)組SubMenuArr，菜單ID。