Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

110
Vistas
Deshabilitar una opción de una selección por su valor

Estoy tratando de deshabilitar una opción de una selección a través de su valor. Cuando el valor es igual a 'seguro', la opción está disponible. Cuando la opción es 'incorrecta', desactívela para las opciones.

 $(document).ready(function() { $.getJSON("https://sheets.googleapis.com/v4/spreadsheets/1_TBtn730WbjJF_qRjo3c6SQXj_EeGU_qKOZbPTkVxfg/values/Page!A2:B5?key=AIzaSyArRlzwEZHF50y3SV-MO_vU_1KrOIfnMeI", function(result) { $.each(result.values, function(i, field) { $("#SelectTestID").append('<option hidden="hidden" selected="selected" value="">Options</option><option value="' + field[1] + '">' + field[0] + '</option>'); }); }); });
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.3/jquery.min.js"></script> <select class="SelectTest" id="SelectTestID"></select>

about 4 years ago · Juan Pablo Isaza
2 Respuestas
Responde la pregunta

0

Si entendí lo que está preguntando, puede verificar el valor del field[1] y establecer la propiedad disabled del elemento de option en consecuencia.

También tenga en cuenta que en el ejemplo a continuación eliminé el elemento de option oculto ya que no tenía ningún propósito, y también usé un literal de plantilla para construir la cadena, ya que es más fácil de leer y menos detallado.

 $(document).ready(function() { $.getJSON("https://sheets.googleapis.com/v4/spreadsheets/1_TBtn730WbjJF_qRjo3c6SQXj_EeGU_qKOZbPTkVxfg/values/Page!A2:B5?key=AIzaSyArRlzwEZHF50y3SV-MO_vU_1KrOIfnMeI", function(result) { $.each(result.values, function(i, field) { $("#SelectTestID").append(`<option value="${field[1]}" ${(field[1] === 'wrong' ? 'disabled' : '')}>${field[0]}</option>`); }); }); });
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.3/jquery.min.js"></script> <select class="SelectTest" id="SelectTestID"></select>

about 4 years ago · Juan Pablo Isaza Denunciar

0

En el ejemplo actual, puede hacerlo verificando si el campo [1] es igual a "incorrecto", si es así, agregue el atributo disabled="true" a la opción.

Aquí hay un ejemplo de cómo podría verse:

 $(document).ready(function () { $.getJSON( "https://sheets.googleapis.com/v4/spreadsheets/1_TBtn730WbjJF_qRjo3c6SQXj_EeGU_qKOZbPTkVxfg/values/Page!A2:B5?key=AIzaSyArRlzwEZHF50y3SV-MO_vU_1KrOIfnMeI", function (result) { $.each(result.values, function (i, field) { let optionString = `<option hidden="hidden" selected="selected" value="">Options</option><option value="${field[1]}">${field[0]}</option>`; if (field[1] === "wrong") { optionString = `<option hidden="hidden" selected="selected" value="">Options</option><option value="${field[1]}" disabled="true">${field[0]}</option>`; } $("#SelectTestID").append(optionString); }); } ); });
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <select id="SelectTestID"> </select>

Hay otros enfoques que podría usar, pero como ya está usando una cadena para agregar su elemento Seleccionar, también usé una cadena.

about 4 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda