title: text box displays when user select "Other" how to assign the value and retain the value when refresh the page
body: <p>have a dropdown where i have set of account numbers and an option of "Other". user can select any account or they can user "Other" option to enter a new account. I have the code like this: </p>
  
  <pre><code>      &lt;td&gt;1. Member Account Number&lt;span class="bodyCopy"&gt;&lt;font color="#ff0000"&gt; * &lt;/font&gt;&lt;/span&gt;: 
          &lt;html:select name="DataForm" property="accountNumber"  styleClass="formContent"  style="width:80px" onchange="toggleField(this.value);"&gt;
           &lt;html:options collection="&lt;%= WorkConstants.TEST1 %&gt;" property="value" labelProperty="label" styleClass="formContent"/&gt;
           &lt;option value="Other"&gt;Other &lt;/option&gt; 
            &lt;/html:select&gt;
           &lt;input type="text" id="Other" value="accountNumber" name="accountNumber" style="display:none;" maxlength="9" size="9" &gt;    
          &lt;/td&gt;             
  </code></pre>
  
  <p>--- Togglefield function is as below</p>
  
  <pre><code>       &lt;script type="text/javascript"&gt;
       function toggleField(value) 
      {var a = document.getElementById('Other');
      (value == 'Other')? a.style.display = 'block' : a.style.display = 'none';}
  </code></pre>
  
  <h2>        </h2>
  
  <p>My question is,
  1) when I select other, the text box displays- good. But how to assign the value to accountNumber ? when I click submit, it is not recognizing getting invalid account number. 
  2) When the page refreshes with validation errors, how do I retain value "other" and the text box with the number that is entered? appreciate your input on this.</p>