Select se combierte en InputText y viceversa

[flashtkd]

hola como puedo hacer esto, al hacer click en el boton agregar, el select se combiente en un input si presiono denuevo agregar se combierte a su estado normal que es un select.

como el ejemplo:

Código Javascript:

<select name="select" id="select">
    <option value="1">opcion 1</option>
    <option value="2">opcion 2</option>
    <option value="3">opcion 3</option>
    <option value="4">opcion 4</option>
    <option value="5">opcion 5</option>
  </select>
 
 
 <script>
  if (button == select){
    <input type="text" name="textfield" id="textfield" />
 }
 else
 {
 select
 }
  </script>
 
  <input type="submit" name="button" id="button" value="agregar" />
 

[jackson666]

La idea seria que ambos esten ahi en tu pagina todo el tiempo, pero que uno muestre/oculte al otro...
O sea, al input de entrada le pones display: none; Y cuando se haga click en el boton que esta en el select llamas a una funcion que te chequee los datos y si esta todo bien, que te oculte el select y te muestre el input...

[kreativodesigns]

Como dice jackson666 debes tener los dos campos en tu pagina pero al input le estableces en la propiedad display a "none" , y una vez cambies el valor del combo desde javascript se vuelves a cambiar la propiedad display a ""