如何在js of rails中更改視圖的可視化

Question

如何在javascript中更改視圖的變量值。我的意思是，當我從下拉表中選擇四月份時，只會顯示四月份的數據，而當前表格數據會消失並刷新。我該怎麼做？幫我
我的JS

:javascript 
    var updateMonth = function(){ 
     var month_id = $("#select_other_month").val(); 
     console.log(month_id) 
    } 

這是我的選擇標籤（下拉）

%select{:name => "options", :id=>"select_other_month",:onchange=>"updateMonth()"} 
      %option.placeholder{:disabled => "", :selected => "", :value => ""} see other months 
      %option{:value => "0"} this month 
      -a=@this_month - 1.month 
      %option{:value => "5"}=a.strftime('%Y-%m') 
      -b=@this_month - 2.month 
      %option{:value => "4"}=b.strftime('%Y-%m') 
      -c=@this_month - 3.month 
      %option{:value => "3"}=c.strftime('%Y-%m') 
      -d=@this_month - 4.month 
      %option{:value => "2"}=d.strftime('%Y-%m') 
      -e=@this_month - 5.month 
      %option{:value => "1"}=e.strftime('%Y-%m') 

和我的表看起來像這樣

.table{:id=>"time_table"} 
     %table{:border=>"1"} 
      %thead 
       %tr 
        %th No 
        %th Name 
        -(@xmonth.at_beginning_of_month..@xmonth.at_end_of_month).each do |day| 
         -if (day.saturday? || day.sunday?)==false 
          %th=day.strftime("%d") 
        %th Total days 
        %th Total time 

我想改變我的@xmonth從vairable JS
注意：@this_month = Date.today

Answer 1

var updateMonth = function(){ 
    var month_id = $("#select_other_month").val(); 
    $.ajax({ 
    url: '/your_controller/its_method', //make sure to add this path to routes file 
    data: { 
     month_id: month_id 
    }, 
    success: function(response){ 
     $("#target_area").html(response); 
    }, 
    error: function(error_res){ 
     console.log(error_res); 
    } 
    }); 
} 

在視圖文件中添加一個id，所以我們可以用新的反應，我們得到

%thead{:id => "target_area"} 
    %tr 
    %th No 
    %th Name 
    ... 

在你的控制器

class YourController 
    def your_method 
    month_id = params[:month_id] 
    #update your @xmonth by month_id 
    #your new information should be inside @xmonth object 
    respond_to do |format| 
     format.html {render partial: 'your_controller/your_method/your_partial.haml.erb' } 
    end 
    end 
end 

與創建您部分文件_your_partial.haml.erb替換其內容需要更換的內容

%tr 
    %th No 
    %th Name 
    -(@xmonth.at_beginning_of_month..@xmonth.at_end_of_month).each do |day| 
    -if (day.saturday? || day.sunday?)==false 
    %th=day.strftime("%d") 
    %th Total days 
    %th Total time 

當您獲得成功響應時，部分的內容將在您的視圖中被替換爲#target_area的內容。請參閱updateMonth函數。

希望這可以幫助