Javascript JSF SelectOneMenu:如何获得当前鼠标覆盖的选项?

Javascript JSF SelectOneMenu:如何获得当前鼠标覆盖的选项?,javascript,jsf,seam,option,selectonemenu,Javascript,Jsf,Seam,Option,Selectonemenu,我真的被这个问题困住了,我想你可以帮我…这是我的问题: 我正在开发Seam应用程序,并使用JSF SelectOneMenu组件显示颜色: <h:selectOneMenu id="couleurCategorieMenu" styleClass="couleurCategorie" onmouseover="changeBGcolor2(this);" onchange="changeBGcolor(this);" value="#{adminCategorieAction.curren

我真的被这个问题困住了,我想你可以帮我…这是我的问题:

我正在开发Seam应用程序,并使用JSF SelectOneMenu组件显示颜色:

<h:selectOneMenu id="couleurCategorieMenu" styleClass="couleurCategorie" onmouseover="changeBGcolor2(this);" onchange="changeBGcolor(this);" value="#{adminCategorieAction.currentCateg.codeCouleur}">
                        <f:selectItems noSelectionLabel="Please Select ..." value="#{adminCategorieAction.plaCategTitreCodeCouleur}"  />
                    </h:selectOneMenu>
但我找不到如何获得鼠标实际超出范围选项的背景:(

你有做这种事的线索吗

提前多谢;)


雷米

嗨,雷米,我不确定这是否可行。我认为默认标记不允许选项上出现鼠标悬停事件。你在用richfaces吗?也许你可以改变rich:dropdownmenu的布局并添加selectitems内容。那你就可以启动javascript了吧?
function changeBGcolor(couleurCateg){
            couleurCateg.style.background = 
                couleurCateg.options[couleurCateg.selectedIndex].value;
}