При редактировании формы в модальном режиме, как получить ранее выбранный параметр из зависимого раскрывающегося списка?

Question

У меня есть две таблицы, одна для клиентов и одна для их автомобилей. При отправке формы автомобиль зависит от того, какого клиента вы выберете. Теперь, когда я go редактирую форму, я могу выбирать транспортные средства, меняя клиента следующим образом ...

$(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>');
        }
    });

, но я не могу понять, как заставить его автоматически показывать список транспортных средств без изменения выбора клиента в первую очередь. Я знаю, что здесь упускаю что-то простое, но я новичок в этом и действительно могу использовать какое-то направление Спасибо!

Answer 1

я бы определил ваш ajax вызов как функцию, тогда вы можете вызывать его везде, где захотите:

    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();