title: Filling an inputTextArea with content from multiple selectOneMenus and buttons
body: <p>I want to build a small UI which will offer the user the posibility to write some math formulas in an easier way(hence the UI) and be able to save them to a .txt (or something similar) file. </p>
  
  <p>For example: I have 3 selectboxes which offer a variety of options, some buttons which represent math operations and an inputTextArea. So far I've managed to link selected content from each selectOneMenu and from a few inputText's and concatenate them with what i need and write the created math formulas to a .txt file.</p>
  
  <p>Now I want to offer the user the possibility to see the formula he is writing(by selecting content and pressing buttons) as he is doing it. So far I've been trying to do that using an inputTextArea but the best I managed was to transfer the selected content from <strong>only one</strong> selectOneMenu to the textArea and after that all my attempts to add every action the user makes to the text area have failed(someone suggested using <code>&lt;h:panelGroup&gt;</code> but I got nowhere with that, I tried to combine all the beans I used to fill the menus into one bean and somehow go from there , but that didn't work either).</p>
  
  <p>A sample of the JSF part I've been working on so far, with 2 selectboxes and the TextArea:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;h:outputText value="Formula Name"&gt;&lt;/h:outputText&gt;
  &lt;h:inputText value="#{output.formulaName}" id="formulaName"&gt;&lt;/h:inputText&gt;              
  &lt;br /&gt;&lt;br /&gt;
  
  The formula so far:
  &lt;h:inputTextarea value="#{output.propertyReferenceValue}"&gt;&lt;/h:inputTextarea&gt;
  &lt;br/&gt;&lt;br/&gt;&lt;br/&gt;
  
  Property1:
  &lt;h:selectOneMenu  value ="#{output.propertyReferenceValue}" id="selectTwo"  
      valueChangeListener="#{output.propertyReferenceValueChanged}" onchange="submit()"&gt;
      &lt;f:selectItems value="#{property.propertyReference}"/&gt;              
  &lt;/h:selectOneMenu&gt;
  &lt;br/&gt;&lt;br/&gt;
  Property2:         
  &lt;h:selectOneMenu value ="#{output.property2ReferenceValue}" id="selectThree"  
      valueChangeListener="#{output.property2ReferenceChangedValue}" onchange="submit()"&gt;
      &lt;f:selectItems value="#{property2.property2Refference}" /&gt;            
  &lt;/h:selectOneMenu&gt;
  </code></pre>
  
  <p>Any help would be appreciated. </p>
  
  <p>PS. I'm very new to JSF(started about 2 days ago) so I will appreciate even being pointed to some documentation which might cover this or similar problems.</p>