Javascript RubyonRails-使用AJAX更新输入选择选项
我有一个输入的简单表单:Javascript RubyonRails-使用AJAX更新输入选择选项,javascript,ruby-on-rails,ajax,ruby-on-rails-4,simple-form,Javascript,Ruby On Rails,Ajax,Ruby On Rails 4,Simple Form,我有一个输入的简单表单: <%= f.input :seleced_seats, collection: @event.seats, label: "-", label_html: { style: 'visibility: hidden; height: 0px;'}, include_blank: false %> 如何使用data.seats中的数据重新绘制f.input?清空下拉列表并使用jQuery append添加data.seats如何 比如说: (假设data.se
<%= f.input :seleced_seats, collection: @event.seats, label: "-", label_html: { style: 'visibility: hidden; height: 0px;'}, include_blank: false %>
如何使用data.seats中的数据重新绘制f.input?清空下拉列表并使用jQuery append添加data.seats如何 比如说: (假设data.seats将返回座椅对象数组)
var dropDown=$(yourdropdown);
dropDown.empty();
数据。座椅。forEach(功能(座椅){
下拉列表。追加(“+seat.your_值+”)
});
还可以使用jqueryeach方法在集合上循环。
有关更多信息,请参阅API:
$("#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);
});
});
var dropDown = $(yourdropdown);
dropDown.empty();
data.seats.forEach(function(seat){
dropDown.append("<option value='"+seat.your_value+"'>"+seat.your_value+"</option>")
});