show new textfield from drop-down list

dhaywirex · March 11th, 2004, 12:32 AM

hi all

i have a form with a drop-down list that allows the user to choose different categories or add a new category, if 'add a new category' is selected, a textfield will show up beside the drop-down list that allows the user to enter the new category

what do i have to do to achieve this???

joefawcett · March 11th, 2004, 05:08 AM

You have two choices, either have a textfield always in the page but hidden until the user chooses 'add a new category' or create a new field from scratch using the DOM and insert it into the page. The first choice is probably easier. You may have to make some changes to support older browsers but this should work on IE and modern Mozilla types. In your list box have an onchange that calls showTextbox(this), I'm assuming the add new is the last choice in the listbox:

Code:

function showTextBox(Listbox)
{
  if (Listbox.selectedIndex == (Listbox.options.length - 1))
  /*To check on a specific value have if (Listbox.options[Listbox.selectedIndex].value == "<value here>")*/
  {
    document.getElementById("txtNewCategory").style.display = "";
  }
}

In the form have

Code:

<input type="text" id="txtNewCategory" name="txtNewCategory" style="display:none">

--

Joe

dhaywirex · March 11th, 2004, 09:16 PM

i see, i've managed to get it working

thanks joe