Foros del Web » Creando para Internet » HTML »

[SOLUCIONADO] lista de valores con "añadir nuevo" al final

Estas en el tema de lista de valores con "añadir nuevo" al final en el foro de HTML en Foros del Web. Hola Quiero hacer un formulario con una lista de valores predefinidos, pero con la opcion de en el caso de que el valor que se ...
  #1 (permalink)  
Antiguo 29/04/2013, 03:41
Avatar de dryant  
Fecha de Ingreso: agosto-2009
Ubicación: Malaga, Ceuta, España....
Mensajes: 281
Antigüedad: 11 años, 10 meses
Puntos: 10
lista de valores con "añadir nuevo" al final

Hola
Quiero hacer un formulario con una lista de valores predefinidos, pero con la opcion de en el caso de que el valor que se quiera introducir no estuviera en la lista de valores, hubiera una ultima opcion que fuera "añadir nuevo" y se pudiera añadir en un campo de texto un nuevo valor.
No se si se puede hacer solo con html o deberia usarse php.
Un saludo y gracias!
__________________
Tecnología y tutoriales
  #2 (permalink)  
Antiguo 29/04/2013, 04:11
Avatar de angelAparicio  
Fecha de Ingreso: julio-2009
Ubicación: Sevilla
Mensajes: 307
Antigüedad: 11 años, 11 meses
Puntos: 22
Respuesta: lista de valores con "añadir nuevo" al final

Se puede hacer con HTML+Javascript. Pones un input de texto oculto y lo muestras si se selecciona un valor concreto en el select. Esto lo haces con el onchange. Un ejemplo:


Código HTML:
Ver original
  1. <div>
  2.    
  3.             <select name="opciones" onchange="cambiaSelect(this.value)">
  4.                 <option value="1">Opcion 1</option>
  5.                 <option value="2">Opcion 2</option>
  6.                 <option value="3">Opcion 3</option>
  7.                 <option value="-1">Otra opcion:</option>               
  8.             </select>
  9.            
  10.             <input id="otra" name="otra" type="text" style="display: none"/>
  11.  
  12.         </div> 
  13.        
  14.         <script type="text/javascript">
  15.             function cambiaSelect(value){
  16.                 if ( value == -1 ){
  17.                     document.getElementById('otra').style.display = 'inline';
  18.                 }else{
  19.                     document.getElementById('otra').style.display = 'none';            
  20.                 }
  21.             }
  22.         </script>
__________________
Mis webs:
- Programador Web Autónomo
- Conciertos en Sevilla
  #3 (permalink)  
Antiguo 29/04/2013, 05:08
Avatar de dryant  
Fecha de Ingreso: agosto-2009
Ubicación: Malaga, Ceuta, España....
Mensajes: 281
Antigüedad: 11 años, 10 meses
Puntos: 10
Respuesta: lista de valores con "añadir nuevo" al final

Perfecto! Muchas gracias, funciona a la perfeccion!

Y buscando un poco mas la perfeccion: ¿Como se haría para que el campo de introduccion se mostrara en una ventana emergente tipo lighbox?
__________________
Tecnología y tutoriales
  #4 (permalink)  
Antiguo 29/04/2013, 06:28
Avatar de angelAparicio  
Fecha de Ingreso: julio-2009
Ubicación: Sevilla
Mensajes: 307
Antigüedad: 11 años, 11 meses
Puntos: 22
Respuesta: lista de valores con "añadir nuevo" al final

Mmm, tendrías que sustituir la parte de document.getElementById('otra').style.display = 'inline'; poner el "disparador" del lightbox. Esto ya no se como va, depende del lightbox.
__________________
Mis webs:
- Programador Web Autónomo
- Conciertos en Sevilla

Etiquetas: final, formulario, lista, php
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 19:19.