我如何在Rails 2.0上的Ruby上使用jQuery创建选定的下拉列表？

Question

您好，我正在尝试制作2个下拉列表。 第一个我要显示所有类别，当用户选择他想要的类别时，然后自动显示他选择的类别的所有子类别并保存子类别ID。 我该怎么办？

类别与子类别的关系是我将类别ID以整数格式存储在子类别中。

这是我的代码以及直到现在为止我所做的事情。 我不太熟悉jquery

<script type="text/javascript">
$(document).ready(function() {
 // hides the slickbox as soon as the DOM is ready
  $('#subcategory_value_id').hide();
         $('div#category_value').change(function () {
                    var category_id = "";

          $("select option:selected").each(function () {
          category_id += $(this).text();
              });
         $("div#test").text(category_id);
         $('#subcategory_value_id').toggle();
        })
         });  
   </script>

<div id="category_value">Country:
 <%= f.collection_select :id, Category.find(:all), :id, :name, :prompt => "Select a Category" %></div>
 </p>
<p>
  <div id="subcategory_value_id">State or Province:
  <%= f.collection_select :id, Subcategory.find(:all), :id, :name, :prompt => "Select a Subcategory" %></div>
</p>
<div id="test"></div>

谢谢

Answer 1

在此项目中，我已经与国家和州进行了此操作 。

这是简化视图：

<%= address.collection_select :country_id, Country.all, :id, :name, { :selected => address.object.country_id.to_s } %>
<%= address.collection_select :state_id, address.country.states, :id, :name, { :selected => address.object.state_id.to_s } %>

以下是JavaScript：

• 发出AJAX请求，以使用国家和州填充JSON结构。
• 将onchange事件添加到所选国家/地区，从而更新所选国家/地区。

请注意，在我的代码中，逻辑适用于帐单地址和收货地址，因此您的代码将在那里简化。 同样在我的代码中，状态字段允许输入文本，在您的情况下则不需要。 您不必在AJAX调用中填充JSON数组- 可以将其包含在初始页面加载中。 您想看的是onchange事件功能。