1

basicamente es aprender como puedo hacer eso, he visto muchos ejemplos de como se hace pero siempre es de un slect a otro o viceversa a lo que requiero, espero me puedan ayudar.

estos son mi select

    <select class="form-control" name="tipoPre" id="tipoPre" disable>
<option value="0" >Seleccione una opcion</option>
<option value="1">Pregunta Abierta Larga</option>
<option value="2">Pregunta Abierta Corta</option>
<option value="3">Opción Múltiple</option>
<option value="4">Opción Única</option>
<option value="5">Valoración</option>
<option value="6">Opción Múltiple con Respuesta Abierta</option>
<option value="7">Opción Única con Respuesta Abierta</option>
    </select>

Y este es mi Boton

<input type="button" id="ok_nombre_encuesta" name="ok_nombre_encuesta" class="btn btn-primary ok_nombre" value="OK" />

Basimante es que cuando den click en el boton, se habilite la parte del Select


Revisando Edito para dar una solucion mas correcta

Basicamente este es mi boton

<td class="table">
<label for="">Nombre de la encuesta</label>
<input type="text" id="nameenc" class="form-control col-sm-6" name="descripcion_a" id="descripcion_a" placeholder="Nombre o descripcion de la encuesta...">
    </td>

td class="table">
    <br>
<input type="button" id="ok_nombre_encuesta" name="ok_nombre_encuesta" class="btn btn-primary ok_nombre" value="OK" onclick="enable()" />
    </td>

y el JS quedo asi (agrege una pequeña validacion

<script type="text/javascript">//script para enable or disable del Option
            function disable() {
                  document.getElementById("tipoPre").disabled=true;
                }
                function enable() {


                    //var campo = $('#ok_nombre_encuesta').val();
                    if ($('#nameenc').val() === '') {
                     alert('El campo "Nombre de la Encuesta", no puede estar vacio');
                        return false;
                    }
                    else
                    {
                     document.getElementById("tipoPre").disabled=false;
                    }
                }
    </script>

1 respuesta 1

0

Solo necesitas cambiar el valor de la propiedad disabled a false asi:

function habilitar() {
  var e = document.getElementById("tipoPre");
  e.options[e.selectedIndex].disabled = false;
}
<select class="form-control" name="tipoPre" id="tipoPre">
<option value="0" disabled selected>Seleccione una opcion</option>
<option value="1">Pregunta Abierta Larga</option>
<option value="2">Pregunta Abierta Corta</option>
<option value="3">Opción Múltiple</option>
<option value="4">Opción Única</option>
<option value="5">Valoración</option>
<option value="6">Opción Múltiple con Respuesta Abierta</option>
<option value="7">Opción Única con Respuesta Abierta</option>
</select>

<input type="button" id="ok_nombre_encuesta" name="ok_nombre_encuesta" class="btn btn-primary ok_nombre" value="OK" onClick="habilitar()"/>

3
  • mmm.. no me llega a funcionar, lo deja desabilitado
    – Dohko19
    el 1 may. 2019 a las 19:03
  • Como puedes ver aqui si funciona.
    – alanfcm
    el 1 may. 2019 a las 20:02
  • 1
    si, perdon fue error mio, el boton lo estaba tomando como el "input" pero en realidad era otro, ya solo modifique los id y listo ya quedo
    – Dohko19
    el 1 may. 2019 a las 20:06

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.