Как обновить/предварительно заполнить форму Rails с помощью раскрывающегося списка

Question

Я пытаюсь создать форму с раскрывающимся списком, где пользователи могут создавать новый объект, если выбрано что-то вроде «Создать новое» или у них есть возможность выбрать из своего ранее созданные объекты, которые должны заполнить форму соответствующими данными.

На данный момент у меня просто есть для каждого цикла заполняющий раскрывающийся список с ранее созданными объектами вне формы и формой, которая создает новые объекты.

Как я могу сделать эту форму динамической, чтобы, когда выбран выделенный ранее объект, форма заполняется и позволяет редактировать?

Answer 1

Вам необходимо отправить запрос AJAX GET на собственный маршрут, а затем выполнить действие контроллера, отвечающее на формат json, и возвращает коллекцию на основе параметров, переданных в этом запросе GET. Скажем, вы загружаете доступные модели автомобилей на основе выбранной марки:

маршрутов: Действие

get '/get_models/:make_id', to: 'car_makes#available_models' 

контроллер:

запрос

def available_models 
    @models = Model.where(id: ids) 
    respond_to do |format| 
    format.json { render json: @models } 
    end 
end 

AJAX:

var fetchModels = function(makeId){ 
    $.ajax({ 
    method: 'GET', 
    url:  '/get_models/' + makeId, 
    success: function(data) { 
     ... 
     var target = $('select#car_models'); // field to which options are appended 
     $.each(data, function(id, model){ 
     $(target).append(
      $('<option>').text(model).attr('value', id) // populate options   ); 
     }); 
    } 
    ... 
    }); 
} 

и затем установить запрос AJAX для запуска по событию .change в родительском select fie л.д.:

$('select#car_makes').change(function(){ 
    var makeId = $(this).val(); 
    fetchModels(makeId); 
}); 

Есть целый ряд ресурсов, объясняющих другие пути достижения этой цели:

• https://gorails.com/episodes/jquery-ujs-and-ajax
• http://railscasts.com/episodes/88-dynamic-select-menus-revised

Answer 2

Так что я в конечном итоге цикл через все возможные варианты для выбора выпадающего списка и циклического изменения формы рельсов со всеми возможными параметрами и с помощью jQuery onchange для отображения/скрытия корра ect html.

Это не очень хорошее решение для меня, тем более что он должен каждый раз загружать html всех параметров. Но я не знаю, что еще делать, и это работает.

Если у кого есть какие-либо идеи для лучшего решения, дайте мне знать :)