Ruby on rails-使用AJAX更新输入-选择选项

Ruby on rails - update input select options using AJAX

本文关键字：输入 选择 选项 更新 AJAX on rails- 使用 Ruby      更新时间：2023-09-26

我有一个带有此输入的简单表单：

<%= f.input :seleced_seats, collection: @event.seats, label: "-", label_html: { style: 'visibility: hidden; height: 0px;'}, include_blank: false %>

它包含了我想要使用AJAX更新的选项。我获取输入数组（data.seats）的JavaScript是：

$("#event_seleced_seats").change(function(){
    var seleced_seats = $(this).val();  
    var seleced_term = $("*[class='list-group-item active']").attr('id');
    jQuery.getJSON(window.location.href + "/price", {edition: seleced_seats, term: seleced_term}, function(data) {
        $("#price").text(data.total_price);
        $("#termA").text(data.seats);
        console.log(data.seats);
    });
});

如何使用data.seats中的数据重新绘制f.input？

清空下拉列表并使用jQuery append添加data.seats怎么样？

这样的东西：

（假设data.seats将返回一组座椅对象）

var dropDown = $(yourdropdown);
dropDown.empty();
data.seats.forEach(function(seat){
  dropDown.append("<option value='"+seat.your_value+"'>"+seat.your_value+"</option>")
});

您还可以使用jQuery-each方法在集合上循环。有关更多信息，请参阅API：http://api.jquery.com/jquery.each/

相关文章：