Rails：使用下拉菜单中的输入而不发布

Question

总的来说，我对 Rails 和 Web 开发还很陌生。我需要显示两个下拉菜单，州和学校，这样学校仅在用户选择州后才显示，并且学校应仅显示所选州的学校。我不知道的是如何使用州选择来动态决定要显示哪些学校，而用户不必单击“提交”。我知道我可能需要使用 JavaScript，但不太了解 JS，我不太确定该怎么做。希望我说得有道理。谢谢！

Answer 1

下面是一个简单示例，根据 JavaScript 中已有的数据结构动态填充选择。如果您需要在用户选择一个州并返回学校列表后执行服务器请求，您将需要不同的代码（并且需要一个像 jQuery 这样的库）。

Answer 2

我想你想用 AJAX 来做到这一点。我不会为 Rails 1 定制这个，但你应该能够遵循这个想法。您的第一个下拉列表有一个州列表，每个州都有一个学校列表。

// some js file that's loaded from your layout
// When your states dropdown is changed it fires an ajax call
var success = function(response) {
  for (var school in response.schools) {
    $('#schools_dropdown').html('');
    var option = $(document.createElement('option')).html(school.name).val(school.id);
    option.appendTo($('#schools_dropdown'));
  }
});

$('#states_dropdown').change(function() {
  $.get('/state/' + $(this).val() + '/schools', success);
});

# your schools controller
def index
  @schools = State.find(params[:id]).schools
  respond_to do |format|
    format.js { render :json => @schools }
  end
end

所以也许你没有 jQuery，也许在 Rails 1 中渲染 json 是不同的......但想法是相同的。您在状态下拉列表中附加了一些 javascript，以便当状态发生变化时，您可以提取该状态的 id 并对控制器进行 AJAX 调用。该 AJAX 调用的最后一个参数是一个 success 函数，它循环访问控制器发回的所有学校，清除学校下拉列表，并将选项一一添加到下拉列表中。