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

[dryant]

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!

[angelAparicio]

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:

<div>
    
            <select name="opciones" onchange="cambiaSelect(this.value)">
                <option value="1">Opcion 1</option>
                <option value="2">Opcion 2</option>
                <option value="3">Opcion 3</option>
                <option value="-1">Otra opcion:</option>                
            </select>
            
            <input id="otra" name="otra" type="text" style="display: none"/>
 
        </div>  
        
        <script type="text/javascript">
            function cambiaSelect(value){
                if ( value == -1 ){
                    document.getElementById('otra').style.display = 'inline';
                }else{
                    document.getElementById('otra').style.display = 'none';             
                }
            }
        </script>
 

[dryant]

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?

[angelAparicio]

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.