title: How to display the label of a selected value of a <h:selectOneMenu> in a <h:outputText>?
body: <p>I want to show the label of the selected value of <code>&lt;h:selectOneMenu /&gt;</code> in a <code>&lt;h:outputText /&gt;</code>.</p>
  
  <p>I have the following dropdown where I get the selected value.</p>
  
  <pre><code>&lt;h:column&gt;
      &lt;h:selectOneMenu value="#{bean.selectedCity}"&gt;
          &lt;f:selectItem itemValue="1" itemLabel="NewYork"/&gt;
          &lt;f:selectItem itemValue="2" itemLabel="Washington"/&gt;
      &lt;/h:selectOneMenu&gt;
  &lt;/h:column&gt;
  </code></pre>
  
  <p>I want to display the selected value, but the following only shows <code>1</code> or <code>2</code>. </p>
  
  <pre><code>&lt;h:outputText value="#{bean.selectedCity}" /&gt;
  </code></pre>
  
  <p>I want to display the label <code>NewYork</code> or <code>Washington</code>. How can I do this?</p>