下拉更改打开带有数据的模式

Question

我的 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

Answer 1

当然是！

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

例如：

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

然后在 js 中找到 class 并使用它来点击下拉列表：

...
 $.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

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

下拉更改打开带有数据的模式

Dropdown on change open a modal with data

modal-dialog

coffeescript

materialize

ruby-on-rails-5

编辑