Generear un campo de texto al seleccionar una opcion

[lesterin]

Que tal amigos, tengo un problema quiero hacer un formulario con un select

Código:

<select name="concepto" id="concepto" >
            	<option>--Please select an item--</option>
			  <option value="Rest&Bar">Restaurant & Bar</option>
              <option value="Spa 1">Spa (Maribel)</option>
              <option value="Spa 1 Tip">Spa Tip (Maribel)</option>
              <!--
              <option value="Spa 2">Spa 2 (Cintya)</option>
              <option value="Spa 2 Tip">Spa Tip (Cintya)</option>
              <option value="Spa 3">Spa 3 (Erica)</option>
              <option value="Spa 3 Tip">Spa Tip (Erica)</option>
              -->
              <option value="Horses">Horses (Caballos)</option>
              <option value="Surf Lesson">Surf Lessons (Clases de Surf)</option>
              <option value="Miscellaneous">Miscellaneous (Misc)</option>
              <option value="Extra Night">Extra Night (Noche Extra)</option>
              <option value="Room Upgrde">Room Upgrade (Mejora Hab)</option>
              <option value="Holiday Celebration (Adult)">Holiday Celebration (Adult)</option>
              <option value="Holiday Celebration (Child)">Holiday Celebration (Child)</option>
              <option value="Extra Person (Adult)">Extra Person (Adult)</option>
              <option value="Extra Person (Child)">Extra Person (Child)</option>
              <option value="Cancellation Fee">Cancellation Fee</option>
              <option value="Others" >Others (Add Note)</option>
		    </select>
            <div id="aki"></div>

Lo que quiero es que si en el formulario introducieron Other (Add Notes) se genere un campo de texto para que se introduzca el dato deseado


Gracias por la ayuda


a lo poco que se es que es algo con esta propiedad: onchange="generate(this.value)" Pero en realidad no se como se uliza

[Adler]

Hola

Podría ser algo como esto

Código javascript:

function mostrar (txtbox) { 
if (txtbox == "Others") {
        elemento = document.getElementById('ntext');  
    if (elemento.type == "hidden") 
    { 
    elemento.type =   elemento.type ="text"
    }   
         }
}
 

Código html:

<select name="concepto" id="concepto" onchange="mostrar(document.getElementById('concepto').options[document.getElementById('concepto').selectedIndex].value);">
 

Suerte