繁体   English   中英

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

[英]How i can make a selected drop down list using jQuery on ruby on rails 2.0 ?

您好,我正在尝试制作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>

谢谢

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

这是简化视图:

<%= 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事件功能。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM