Skip to main content
2 de 2
etiquetas editadas
user avatar
user avatar

deshabilitar option de un segundo select segun el option del primer select

Hola buenas tardes a todos: tengo en mi vista 2 select que cargan la misma informacion, lo que requiero hacer es que cuando se seleccione un option del primer select, el mismo option pero del segundo select no este habilitado para seleccionarlo, por ejemplo:

SELECT 1:

Bodega 1 (AL SELECCIONAR ESTA OPCION, EN EL SELECT 2 NO DEBERIA QUEDAR HABILITADO EL OPTION 1) Bodega 2

SELECT 2:

Bodega 1 //este option no deberia quedar habilitado porque es lo mismo que tengo seleccionado en el primero Bodega 2
//Asigna Nombre del responsable Destino
    $('#bodega_origen').on('change', function(){
        $("#bodega_destino option:selected").attr('disabled','disabled');
        var id = $(this).val();
        $.ajax({
            url:"{{ url('/bodResp') }}"+`/${id}`,
            method:"get",
            dataType: "json",
                success: function (jdata) {
                    var jsonData=jdata
                    console.log(jsonData)
                    //alert(jsonData.data);
                    $('#responsable_origen').val(jsonData.data);
                }
        });
    });

    //Asigna Nombre del responsable Destino
    $('#bodega_destino').on('change', function(){
        var id = $(this).val();
        $('#bodega_id_des').val(id);
        $.ajax({
            url:"{{ url('/bodResp') }}"+`/${id}`,
            method:"get",
            dataType: "json",
                success: function (jdata) {
                    var jsonData=jdata
                    console.log(jsonData)
                    //alert(jsonData.data);
                    $('#responsable_destino').val(jsonData.data);
                }
        });
    });