Rails：ドロップダウンリスト値提出なし

Question

これは私のviewです。いずれかを選択できる3つのラジオボタンがあります。たとえば、Hourlyを選択すると、#send_to_oneが表示されます。

ドロップダウンリストを表示するとうまくいきますが、ドロップダウンリストの値を送信すると、nilになります。以下は

<div id="send_to"> 
    <div class="field"> 
    <%= f.label :package %><br> 
    <%= f.radio_button :package, 'Hourly' %>Hourly<br/> 
    <%= f.radio_button :package, 'Daily' %>Daily<br/> 
    <%= f.radio_button :package, 'Monthly' %>Monthly<br/> 
    </div> 
    <div id="send_to_one"> 
    <div class="field"> 
     <%= f.label :day %>Hourly<br> 
     <%= f.select(:day, [['1'],['2'],['3'],['4'],['5'],['6'],['7'],['8'],['9'],['10'],['11'],['12'],['13'],['14'],['15'],['16'],['17'],['18'],['18'],['20'],['21'],['22'],['23']],{include_blank: "-select-"}) %> 
    </div> 
    </div> 
    <div id="send_to_two"> 
    <div class="field"> 
     <%= f.label :day %>Daily<br> 
     <%= f.select(:day, [['1'],['2'],['3'],['4'],['5'],['6'],['7'],['8'],['9'],['10'],['11'],['12'],['13'],['14'],['15'],['16'],['17'],['18'],['18'],['20'],['21'],['22'],['23'],['24'],['25'],['26'],['27'],['28'],['29'],['30']],{include_blank: "-select-"}) %> 
    </div> 
    </div> 
</div> 

私のjavascriptのコードです：

$(function() { 
    $("#send_to_one").hide(); 
    $("#send_to_two").hide(); 
    $('input[type="radio"]').click(function(event) { 
     if($(this).val() == 'Hourly') { 
      $("#send_to_one").show(); 
      $("#send_to_two").hide(); 
     } else if($(this).val() == 'Daily'){ 
      $("#send_to_two").show(); 
      $("#send_to_one").hide(); 
     } else{ 
      $("#send_to_one").hide(); 
      $("#send_to_two").hide(); 
     } 
    }); 
}); 

Answer 1

両方selectドロップダウンがPOSTリクエストの一部として送信されているので、あなたがnilを取得しています。

これを解決する1つの方法は、コンテナを非表示にするときにその1つを無効にすることです。以下のようなもののためにJavaScriptを変更します。

$(function() { 
    var $one = $("#send_to_one"); 
    var $two = $("#send_to_two"); 
    var $three = $("#send_to_three"); 

    $one.hide().find("select").attr("disabled", true); 
    $two.hide().find("select").attr("disabled", true); 
    $three.hide().find("select").attr("disabled", true); 

    $('input[type="radio"]').click(function(event) { 
     if($(this).val() == 'Hourly') { 
      $one.show().find("select").attr('disabled', false); 
      $two.hide().find("select").attr('disabled', true); 
      $three.hide().find("select").attr("disabled", true); 
     } else if($(this).val() == 'Daily'){ 
      $two.show().find("select").attr('disabled', false); 
      $one.hide().find("select").attr('disabled', true); 
      $three.hide().find("select").attr("disabled", true); 
     } else if($(this).val() == 'Monthly'){ 
      $two.hide().find("select").attr('disabled', true); 
      $one.hide().find("select").attr('disabled', true); 
      $three.show().find("select").attr("disabled", false); 
     } else{ 
      $one.hide().find("select").attr("disabled", true); 
      $two.hide().find("select").attr("disabled", true); 
      $three.hide().find("select").attr("disabled", true); 
     } 
    }); 
});