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

Posted 2021-04-16

我的rails应用程序中有一个Vendor下拉列表。我试图使用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

答案

当然如此！

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

EDIT

好的。是的，这取决于。你想改变所有的HTML或附加一些HTML吗？你可以使用.html data或.append data

如果你还没有这样做，请记得展示模态。