jsf - 更改某些 selectItem 的样式 在我的 xhtml 页面中，我使用了一个<h:selectOneMenu>组件。为了填充数据，我在<s:selectItems>组件内部使用了一个组件。我需要的是有条件地改变某个selectItem. 有可能还是有其他方法？ 例如，如果选项的标签是“铅

Question

在我的 xhtml 页面中，我使用了一个<h:selectOneMenu>组件。为了填充数据，我在<s:selectItems>组件内部使用了一个组件。我需要的是有条件地改变某个selectItem. 有可能还是有其他方法？
例如，如果选项的标签是“铅笔”，我需要更改选项的颜色。
我正在使用jboss-seam并且命名空间 ' '指的是缝标签库。

<h:selectOneMenu value="#{bean.selectedItem}" id="myCombo">
   <f:selectItem itemLabel="-Please select-" itemValue=""/>
   <s:selectItems value="#{bean.items}" var="item" label="#{item.name}" itemValue="#{item}"/>
</h:selectOneMenu>

Answer 1

我找到了另一种方法javascript。我的js代码是这样的。然而，这只是一个显示概念的简化代码。

<script>      
  window.onload = function() {
    var options = document.getElementById("myForm:myCombo").options;
    for(var i = 0; i &lt; options.length; i++) {
      if(options[i].innerHTML == 'pencil') {
        options[i].style.color = 'red';
      }
    }
  }
</script>