在rails中加载表单后调用javascript函数

Question

我正在加载一个下拉值的变化下拉添加表单。但是在编辑时，如果两个值都被选中，则必须填充这两个值。现在我想这样做:-

我已经做了一个javascript函数，它将采取第一个下拉菜单的选定值，并做一个ajax调用，并获取第二个下拉菜单的数据。

现在的问题是何时以及如何调用函数?

一种方法是在表单加载后调用该函数。这里我需要你的帮助。窗体加载后如何调用该函数?

函数如下:

function getTypeOfLocation(munId){
        $('#cad_type_of_location_id > option').remove();
        $.getJSON("/cad/get_typeoflocation?" + 'id=' + munId, function(data) {
            if (data.length != 0) {
                var opt = $('<option />'); // here we're creating a new select option with for each city
                opt.val(data[0].id);
                opt.text(data[0].name);
                $('#cad_type_of_location_id').append(opt); //here we will append these new select options to a dropdown with the id 'cities'
             } else {
                   var opt = $('<option value=""> No Data </option>');
                   $('#cad_type_of_location_id').append(opt);
             }
        });
}   

Answer 1

您可以使用on()来委托change处理程序，以便在运行代码时不需要存在select。基本上，这意味着你可以在表单存在之前，在页面加载代码中创建委托更改处理程序。

$(document).on( 'change', '#ID_of_select', function(){
   getTypeOfLocation( $(this).val() );
})