在模式中编辑表单时，如何从依赖下拉列表中获取先前选择的选项？

Question

I have two tables, one for customers and one for their vehicles. When submitting the form the vehicle is dependent on which customer you select. Now when I go to edit the form, I can select vehicles by changing the customer like so...

$(document).on('change','#customeredit', function(){
        var customer_id = $(this).val();
        if(customer_id){
            $.ajax({
                type:'POST',
                url:'get-vehicle-from-customer.php',
                data:{'customer_id':customer_id},
                success:function(result){
                    $('#vehicleedit').html(result);

                }
            }); 
        }else{
            $('#vehicleedit').html('<option value="">Vehicle</option>');
        }
    });

but I cannot for the life of me figure out how to get it to automatically show the list of vehicles without changing the customer selection first. I know I'm missing something simple here but I'm new to this and could really use some direction. Thanks!

Answer 1

i would define your ajax call as a function, then u can call it everywhere u want:

    var fx_load_customer = function() 
        {
          //var customer_id = $(this).val();
            var customer_id = $('#customeredit').val();
            if(customer_id){
                $.ajax({
                    type:'POST',
                    url:'get-vehicle-from-customer.php',
                    data:{'customer_id':customer_id},
                    success:function(result){
                        $('#vehicleedit').html(result);

                    }
                }); 
            }else{
                $('#vehicleedit').html('<option value="">Vehicle</option>');
            }
        }   

        $(document).on('change','#customeredit', function(){ fx_load_customer(); });
        fx_load_customer();