从下拉列表中的值获取 id，将其发送到控制器，加载数据并重新加载页面

Question

我想显示一个下拉列表，将 id 从 value 参数发送到控制器，然后加载数据并重新加载页面。

想象一下。您是页面的管理员。您有所有用户的列表。现在您想查看特定用户的项目、帖子和 cmets。您有一个下拉菜单，选择用户和数据将加载他的项目、帖子和 cmets。现在您想查看其他用户的数据。和以前一样，您将在下拉列表中选择另一个用户，数据将重新加载，您将在同一页面上看到他们。

到目前为止，我知道如何制作下拉列表并获取 jQuery 代码的 id：

<%= select_tag "construction_id", options_from_collection_for_select(@constructions, "id", "title"), :onchange => "constructions_dropdown(this.value)", class: "form-control", id: "dropdown_const" %>

HTML 如下所示：

<select class="form-control" id="dropdown_const" name="construction_id" onchange="constructions_dropdown(this.value)">
    <option value="25">My construction</option>
    <option value="26">Another construction</option>
</select>

如果我选择另一种构造，我会通过以下方式获得 id：

function constructions_dropdown(construction_id) {
    alert(construction_id)
}

但是现在呢？我还在索引页面上。所以也许我应该做一个form_tag？我应该如何将 construction_id 发送到控制器并确保 id 不是 nil 然后加载数据？因为我认为页面的重新加载应该通过提交表单来完成。

Answer 1

如果你使用 jQuery，你应该使用 Jquery Ajax 来获取你想要的信息。从结果中您可以重新加载或打印新信息http://api.jquery.com/jquery.ajax/