Javascript onChange Textbox 1

[DB2Problem]

Hello ALL

I have this select drop down

<select name="title" class="form" onChange="javascript:addField();">
<option value="Mr">Mr</option>
<option value="Mrs">Mrs</option>
<option value="Others">Others</option>
</select><br>

This is somewhere in my JSP page. On Change of title as Other, I need to bring a textbox right under this

select drop down.

function addField(){
if(MainForm.title.options[MainForm.title.selectedIndex].value == "Others"){
// need to do some code to place the textbox under select drop down
}


How can I place the textbox exactlt at that place. I don't know. Any help will be greatly appreciated

Thanks

 

[BillyRayPreachersSon]

If you add a DIV right after the select element, and save code by passing the title as a parameter:

<select name="title" class="form" [!]onchange="addField(this.value);"[/!]>
   <option value="Mr">Mr</option>
   <option value="Mrs">Mrs</option>
   <option value="Others">Others</option>
</select>
[!]<div id="otherFieldContainer"></div>[/!]<br>

then you can use:

function addField(theTitle) {
   if(theTitle  == 'Others') {
      document.getElementById('otherFieldContainer').innerHTML = '<input type="text" name="otherTitle" size="10">';
   }
}

Hope this helps,
Dan

Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[DB2Problem]

Thanks a lot