我有一个带有级联下拉列表的页面(一个下拉列表的可用选项取决于另一个下拉列表的选择)。我是一个 ajax 调用来填充第二个选择:
$.ajax({
url: "/sport_types/"+$(this).val()+"/leagues"
dataType: "json"
success: (data) ->
$(".league_selector option").remove()
row = "<option value=\"\">Choose a League...</option>"
$(".league_selector").append(row)
$.each data, (i, j) ->
row = "<option value=\"" + j.id + "\">" + j.league_name + "</option>"
$(".league_selector").append(row)
})
这很好用,但是如果用户单击浏览器上的后退按钮,则不会加载此动态生成的内容。
我正在运行一个 Rails 应用程序,以防万一有一种简单的方法可以在 Rails 中处理这个问题,太棒了。如果没有,任何好的 ol' HTML/jQuery 技巧将不胜感激。