Jsf 使用facelets连接selectOneMenu下拉列表itemLabel中的多列

我的.xhtml JSF中包含以下内容：

<h:selectOneMenu id="raceSelector" value="#manageElectionRace.electionRace.race}" converter="#{RaceConverter}" required="true" requiredMessage="Race Selection is required" valueChangeListener="#manageElectionRace.getValueChanges}" onchange="submit()">
    <f:selectItem itemValue="#{null}" itemLabel="--select--" noSelectionOption="true"/>
    <f:selectItems value="#{manageElectionRace.racesNotInElection}" var="race" itemValue="#{race}" itemLabel="#{race.raceName}"/> 
</h:selectOneMenu>

现在的下拉列表只显示raceName，但是，我需要下拉列表来显示（连接）raceName加上来自同一个表的另外两列，比如col2和col3（如果col2和col3不为Null）

[！[数据][1][1]

下拉列表应包含：

• 竞赛1
• 消旋体2Col2的值：m，Col3的值：n

请注意，我还需要在下拉列表中以粗体显示Col2的值和Col3的值

---

谢谢您，感谢您的时间和帮助。

请删除此评论并编辑您的问题，同时使用代码格式关于字符串连接，您的问题与的重复。粗体部分（实际上是一个新问题）是不可能的。这是一个html限制，而不是jsf限制。您需要使用例如PrimeFaces可能与我使用的facelets和tomhawk重复，而不是PrimeFaces，请提供任何其他建议？请删除此评论并编辑您的问题，还使用代码格式关于字符串连接，您的问题与重复。粗体部分（实际上是一个新问题）是不可能的。这是一个html限制，而不是jsf限制。您需要使用例如PrimeFaces可能是我使用的facelets和tomhawk的副本，而不是PrimeFaces，请提供任何其他建议？