更改下拉列表打开数据模式

时间:2017-12-20 11:52:53

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

我的rails应用程序中有一个供应商下拉列表。我试图使用ajax获取一些数据,目前返回的数据只显示在同一页面的div中。

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

这是我当前的coffeescript代码,用于检索数据并在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

1 个答案:

答案 0 :(得分:0)

当然是!

例如,您可以在#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

记住以显示模态,如果您还没有这样做。