Ruby on Rails的 - 使用AJAX

Question

更新輸入選擇選項我有簡單的形式與該輸入：

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

它包含了我想用AJAX來更新選項。 JavaScript的，我得到的輸入（data.seats）數組是：

$("#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？

Answer 1

如何清空下拉菜單並添加jQuery附加的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的每個方法遍歷集合。 查看API獲取更多信息：http://api.jquery.com/jquery.each/