3种办法可以达到效果1你自己用js模拟写一个下拉效果，这种不推荐，写得太麻烦2你搜索一下“select2”这个插件就是要的，引入后使用非常方便，效果也是比较好的3html5的标签属性，但效果一般，并且需要支持html。

首先你要让这两个select有关联，姓名中的值必须有可以传递给角色中可以判断的才可以做下面给你一个相似的代码便于你分析lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quot。

在HTML页面中，获取当前select元素中所选中的那个值和显示值lttr ltth scope=quotrowquot width=quot15%quot nowrap *目标字段ltth lttdltselect name=quotidMbzdquot style=quotwidth25%quot onchang=”on_idmbzd_change” lt。

为简化用户操作，希望鼠标悬停在下拉列表框上时，能自动展开查了一下select的属性，没有相关的操作最后找了一个变通的办法，代码如下ltselect onmouseover=quotsize=10quot onmouseout=quotsize=1quot onchange=quotsize=1quot lt。

ltBODY，放置浏览器中显示信息的所有标志和属性，其中内容在浏览器中显示 ltBODY，ltBODY的结束标志 ltHTML，ltHTML的结束标志 其它主要标签，以下所有标志用在ltBODYltBODY中 ltA，HREF=quotquotltA，链接标志，quotquot为链接的。

1HTML selector，即HTML的置标符，如DIVTDH1HTML selector的作用范围是应用了该样式的所有页面中的所有该置标符例td color #FF0000 2class selector 定义class selector需要往其名称其加一个点“。