Tengo dos campos de opción de selección: uno con el ID de determined y el otro tipo de vehicle_type . Determinado tiene 4 opciones, 2 de las cuales deberían deshabilitar las opciones en el campo de selección tipo_vehículo. Agregué una alert() si se selecciona una de las 2 opciones y el script se activa como debería, pero no agregará el atributo disabled .
$(document).ready(function(){ $('#determined').change(function(){ if($(this).val() == 0 || $(this).val() == 3){ alert('Yeah') /* This Works */ $("#vehicle_type option[value='0']").prop('disabled',true); }else{ $("#vehicle_type option[value='1']").prop('disabled',false); } }); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <select wire:model="determined" id="determined" name="determined"> <option selected value>Please Select</option> <option value="0">Published HP Figure (DIN)</option> <option value="1">Measured with Dynojet+Dyno</option> <option value="2">Measured with Mustang Dyno</option> <option value="3">Measured with Engine Dynamometer Cell</option> </select> <select wire:model="vehicle_type" id="vehicle_type" name="vehicle_type"> <option selected value>Please Select</option> <option value="0">Stick shift and 2WD vehicle</option> <option value="1">Automatic or 4WD Drive</option> </select>Aquí deshabilito todas las opciones según tu comentario.
$(document).ready(function() { $('#determined').on("change", function() { const dis = $(this).val() == 0 || $(this).val() == 3; $("#vehicle_type option").prop("disabled",dis) }); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <select wire:model="determined" id="determined" name="determined"> <option selected value>Please Select</option> <option value="0">Published HP Figure (DIN)</option> <option value="1">Measured with Dynojet+Dyno</option> <option value="2">Measured with Mustang Dyno</option> <option value="3">Measured with Engine Dynamometer Cell</option> </select> <select wire:model="vehicle_type" id="vehicle_type" name="vehicle_type"> <option selected value>Please Select</option> <option value="0">Stick shift and 2WD vehicle</option> <option value="1">Automatic or 4WD Drive</option> </select>pero ¿por qué no esconderse?
$(document).ready(function() { $('#determined').on("change", function() { const dis = $(this).val() == 0 || $(this).val() == 3; $("#vehicle_type").toggle(!dis) }).change(); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <select wire:model="determined" id="determined" name="determined"> <option selected value>Please Select</option> <option value="0">Published HP Figure (DIN)</option> <option value="1">Measured with Dynojet+Dyno</option> <option value="2">Measured with Mustang Dyno</option> <option value="3">Measured with Engine Dynamometer Cell</option> </select> <select wire:model="vehicle_type" id="vehicle_type" name="vehicle_type"> <option selected value>Please Select</option> <option value="0">Stick shift and 2WD vehicle</option> <option value="1">Automatic or 4WD Drive</option> </select>