【问题标题】:How do I autofill billing info, in a Rails app?如何在 Rails 应用程序中自动填充计费信息?
【发布时间】:2014-10-22 06:48:47
【问题描述】:

我该怎么做?我已经研究过了,找不到简单的实现。

基本上,我有一个有用户订阅的应用。在我的情况下,用户与组织相关联,并且需要填写组织地址。还有一个计费信息部分,其中有一个复选框,上面写着“检查名称和组织地址是否相同”。单击此复选框时,我想移植并自动填充所有地址详细信息,即来自组织地址的州、国家/地区等。

查看下面的 billing_information 复选框代码:

 <div class="checkbox click">
      <input id="check1" type="checkbox" value="check1" name="check">
      <label for="check1" style="color:#fff !important;" class="checkbox_label"> Check if same name and organization address</label>
    </div>
    <div class="form-group">
      <div class="row">
        <div class="col-md-12">
          <input type="text" class="form-control-input address" placeholder="Address">
        </div>
      </div>
    </div>
    <div class="form-group">
      <div class="row">
        <div class="col-md-12">
          <input type="text" class="form-control-input city" placeholder="City">
        </div>
      </div>
    </div>
    <div class="form-group">
      <div class="row">
        <div class="col-md-6 col-xs-6">
          <input type="text" class="form-control-input state" placeholder="State/Province/Region">
        </div>
        <div class="col-md-6 col-xs-6">
          <input type="text" class="form-control-input zip_code" placeholder="Zip/Postal Code">
        </div>
      </div>
    </div>
    <div class="form-group">
      <div class="row">
        <div class="col-md-6 col-xs-6" style="color:#fff; font-size:20px;">
          <button type="submit" class="btn btn-primary btn-lg continue-button">Update</button>
          or <a href="#" class="cancel-t" data-dismiss='modal'>Cancel</a>
        </div>
      </div>
    </div>

许多电子商务网站都有这个功能,我在我的设计中实现了复选框,我只是在实现后端代码以使其工作时遇到了麻烦。有什么想法吗?

谢谢!

【问题讨论】:

    标签: html css ruby-on-rails ruby-on-rails-4


    【解决方案1】:

    您是否需要/希望在单击提交按钮之前将信息显示在用户屏幕上?如果是这样,那么使用Javascript。 Rails 帮不了你。

    如果您只想在控制器中正确复制适当的数据元素,那么只需这样做:

    order = Order.new(params)
    if params[:check1]
      order.shipping_address = order.billing_address
      order.shipping_city = order.billing_city
      order.shipping_zip = order.billing_zip
      order.shipping_state = order.billing_state
      ...
    end
    ...
    

    【讨论】:

      猜你喜欢
      • 2021-10-18
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-03-17
      • 2011-12-21
      • 2022-01-09
      • 2017-02-17
      相关资源
      最近更新 更多