[SOLUCIONADO] Campo select con opción a escribir

yamsita · #1 (**permalink**) 14/08/2016, 15:28

Primero que nada agradezco su apoyo y tiempo.

mi duda es si hay alguna opción en HTML o JS para escribir en un select si la opción que se busca no esta definida en la lista. es decir:

si en la lista tengo las opciones:
'uno'
'dos'
'tres'
'cuatro'

y yo quiero la opción 'cinco', poder escribirla y guardar ese dato, es posible en un campo select o algo similar?

muchas gracias!!!

#2 (**permalink**) 14/08/2016, 17:24

Ve como andas con esto:

Código HTML:

Ver original<html>
    <head>
        <script type="text/javascript">
        function add(){
        var text = document.getElementById("text");
        var sel = document.getElementById("sel");
        
        var opt = document.createElement("option");
        
        opt.appendChild(document.createTextNode(text.value));
        opt.setAttribute("value", text.value);
        
        sel.appendChild(opt);
        }
        
        function see(){
        alert(document.getElementById("sel").value);
        }
        </script>
    </head>
    <body>
        <select id="sel">
            <option value="uno">uno</option>
            <option value="dos">dos</option>
            <option value="tres">tres</option>
        </select> Valor seleccionado: <input type="button" onclick="see();" value="Ver" /><br/>
        Agregar opción: <input type="text" id="text"><input type="button" onclick="add();" value="Agregar" /><br/>
    </body>
</html>

IsaBelM · #3 (**permalink**) 15/08/2016, 13:04

puedes usar el elemento <datalist> pero ten presente la compatibilidad entre navegadores.

por otro lado puedes usar algo de javascript para mostrar un input type cuando se seleccione la opción "otro"

yamsita · #4 (**permalink**) 22/08/2016, 09:07

Excelente muchas gracias a ambos lo probaré y les comento!!

yamsita · #5 (**permalink**) 24/08/2016, 16:37

Excelente muchas gracias por su apoyo!!!!