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:
<td>1. Member Account Number<span class="bodyCopy"> * </span>: <html:select name="DataForm" property="accountNumber" styleClass="formContent" style="width:80px" onchange="toggleField(this.value);"> <html:options collection="<%= WorkConstants.TEST1 %>" property="value" labelProperty="label" styleClass="formContent"/> <option value="Other">Other </option> </html:select> <input type="text" id="Other" value="accountNumber" name="accountNumber" style="display:none;" maxlength="9" size="9" > </td>
Togglefield function is as below
<script type="text/javascript"> function toggleField(value) {var a = document.getElementById('Other'); (value == 'Other')? a.style.display = 'block' : a.style.display = 'none';}
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.