Javascript 从选择输入动态更新列表

在我的页面上，我有一个输入数据库的所有引用的列表。我希望能够从下拉框中选择一个用户，这样，一旦选择了该用户，引号列表就会得到更新，从而只显示该用户所做的引号

我的问题是我不太精通JavaScript，我相信这是大多数人解决这个问题的方法。我已经有了基于用户更新列表的代码，我只是不知道如何使用JavaScript动态更新列表

我的代码的简要概述：

控制器

HTML

---

控制器显然是不对的，但这就是我脑子里的逻辑。如何像使用日历一样使用'msQuotedBy'u select'值更新列表？

我可能会使用AJAX调用控制器中的特定操作，在该操作中从用户检索报价列表，并使用.js.erb文件响应。在此文件中，执行以下操作：

<% html_content = j render(partial: 'a_partial_with_the_quotes', locals: { quotes: @user_quotes }) %>
$('#yourListOfQuotesContainer').html("<%= html_content %>);

---

或者类似的东西，我没有测试过，代码中可能有错误，但这是一般的想法

如何使用AJAX调用controller中的特定操作？只需向路由到您的操作的URL发出AJAX请求。

<span id="msQuotedBy">
    <b>Filter by Initials: </b>
    <%= select(:msQuotedBy, :select, ['all'] + @initials.collect {|p| [p, p]}, {:selected => @quoted_by}) %>
</span>

$('#msQuotedBy_select').change ->
    $('#msCalendar').fullCalendar('rerenderEvents')

<% html_content = j render(partial: 'a_partial_with_the_quotes', locals: { quotes: @user_quotes }) %>
$('#yourListOfQuotesContainer').html("<%= html_content %>);