Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ruby-on-rails/56.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/maven/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript RubyonRails-使用AJAX更新输入选择选项_Javascript_Ruby On Rails_Ajax_Ruby On Rails 4_Simple Form - Fatal编程技术网

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>")
});