【问题标题】:Dropdown on change open a modal with data更改下拉菜单打开带有数据的模式
【发布时间】:2017-12-20 11:52:52
【问题描述】:

我的 rails 应用中有一个供应商下拉菜单。我正在尝试使用 ajax 获取一些数据,目前返回的数据只是显示在同一页面上的 div 中。

我想知道是否可以将供应商 ID 传递给模式,然后在进行 ajax 调用后显示添加与供应商关联的记录?

这是我当前用于检索数据并显示在 div 中的咖啡脚本代码。

$ ->
if $('body.bills.new').length > 0
    $('body.bills.new #bill_vendor_id').change ->
        $.ajax
            url: '/purchase_orders/?vendor_id='+ $('body.bills.new #bill_vendor_id option:selected').val()
            success: (data) ->
                alert data
                $('#data').html data

【问题讨论】:

    标签: coffeescript modal-dialog materialize ruby-on-rails-5


    【解决方案1】:

    当然是!

    例如,您可以添加要在#bill_vendor_id 数据中显示的下拉列表的类。

    例如:

    <input type="text" id="bill_vendor_id" data-dropdown-class="something" ... />
    

    然后在 js 中找到该类并使用它来点击下拉菜单:

    ...
     $.ajax
        url: '/purchase_orders/?vendor_id='+ $('body.bills.new #bill_vendor_id option:selected').val()
          success: (data) ->
            div_class = $(this).data('dropdown-class')
            $('.' + div_class).html data
    

    编辑

    好的。是的,这取决于。您要更改所有 html 还是附加一些 html? 您可以使用.html data.append data

    并且记得显示模态,如果你还没有这样做的话。

    【讨论】:

    • 我已经在替换div中的html了。我正在寻找的是显示模态并在该模态中显示此数据。我应该只找到模态的 div 并替换它的 html 吗?
    • 我在寻找类似 测试 。但如果这样的东西不可用,那么我想将不得不使用你的建议。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-04-30
    • 2012-10-29
    • 1970-01-01
    • 1970-01-01
    • 2019-03-11
    • 2013-09-27
    相关资源
    最近更新 更多