3種辦法可以達(dá)到效果1你自己用js模擬寫一個下拉效果，這種不推薦，寫得太麻煩2你搜索一下“select2”這個插件就是要的，引入后使用非常方便，效果也是比較好的3html5的標(biāo)簽屬性，但效果一般，并且需要支持html。

首先你要讓這兩個select有關(guān)聯(lián)，姓名中的值必須有可以傳遞給角色中可以判斷的才可以做下面給你一個相似的代碼便于你分析lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quot。

在HTML頁面中，獲取當(dāng)前select元素中所選中的那個值和顯示值lttr ltth scope=quotrowquot width=quot15%quot nowrap *目標(biāo)字段ltth lttdltselect name=quotidMbzdquot style=quotwidth25%quot onchang=”on_idmbzd_change” lt。

為簡化用戶操作，希望鼠標(biāo)懸停在下拉列表框上時，能自動展開查了一下select的屬性，沒有相關(guān)的操作最后找了一個變通的辦法，代碼如下ltselect onmouseover=quotsize=10quot onmouseout=quotsize=1quot onchange=quotsize=1quot lt。

ltBODY，放置瀏覽器中顯示信息的所有標(biāo)志和屬性，其中內(nèi)容在瀏覽器中顯示 ltBODY，ltBODY的結(jié)束標(biāo)志 ltHTML，ltHTML的結(jié)束標(biāo)志 其它主要標(biāo)簽，以下所有標(biāo)志用在ltBODYltBODY中 ltA，HREF=quotquotltA，鏈接標(biāo)志，quotquot為鏈接的。

1HTML selector，即HTML的置標(biāo)符，如DIVTDH1HTML selector的作用范圍是應(yīng)用了該樣式的所有頁面中的所有該置標(biāo)符例td color #FF0000 2class selector 定義class selector需要往其名稱其加一個點“。