jquery - 用jquery检查选定的下拉菜单？

Question

我正在尝试创建一个 jquery 函数来控制我的表单外观。我在 Rails 中创建了一个视图，您可以在其中创建买/卖订单，并且根据您选择的形式，表格看起来会有所不同。

这是我观点的相关部分：

<%= form_for @trade_order do |f| %>
<div class="field">
  <%= f.label :type, 'Buy or sell?'%>
  <%= f.select :type, [['Buy','buy'],['Sell','sell']] %>
</div>
<script>
  $('#trade_order_type').change(function() {
    if($(this.val() == "buy"){
      $('#buy').show();
      $('#sell').hide();
    }else{
      $('#buy').hide();
      $('#sell').show();
    }
  });
</script>
<div id="buy">
  <div class="field">
.....

买/卖 div 是我想要隐藏/显示的内容，具体取决于用户选择的内容。代码一直运行到 if 语句。但我就是不明白为什么它不起作用。

如果有人可以看看这个并扔给我一根骨头，你会让我开心的！