0

オプションを表示するループを作成し、ラジオボタンの値をリンクまたはボタンに渡すためにリンクまたはボタンを作成する必要がありますが、この値を取得する方法がわかりません。

<div id="add_post">
<h1>Escolha o Jornal que deseja adicionar:</h1>
 <ul>
<% current_user.journals.each do |journal| %>
        <li><%= radio_button_tag 'journal',journal.id %><%= journal.name %></li>
<%end%>
 </ul>
<%= link_to "Adicionar",add_post_complete_journal_path(HEREEE),:remote=>true %>
</div>

HEREEEは、選択したオプションを表示したい場所です。助けてください、とても感謝しています

4

2 に答える 2

2

JS/Jquery を使用して同じことを実現できます。「myradiobutton」のように、すべてのラジオ ボタンに名前を付けるだけです。次に、Jquery を使用して選択したラジオ ボタンの値を取得し、AJAX 呼び出しを介して渡します。

何かのようなもの：

var selected_value = $("input[name='myradiobutton']:checked").val();

$.ajax({
    url: "<%= add_post_complete_journal_path %>",
    data: {selected_val:selected_value},
    success: function(data){
      // Do something after success
    }
})
于 2013-01-27T14:37:08.250 に答える
0

非常に感謝します、私はいくつかの部分を変更しましたが、これは私にとって非常に非常に感謝します。同じ状況にある場合に他の人を助けるためにここにコードを書いてください：

<%= submit_tag "Adicionar",:class => "enviar" %>


<script type="text/javascript" >
$(document).ready(function(){

    $("#add_post .enviar").click(function(){

    var selected_value = $("#add_post input[type='radio']:checked").val();

    if(!selected_value) {
        alert("Selecione algum jornal para adicionar !");
        return false;
    }

    $.ajax({
        url: "<%= add_post_complete_journal_path %>",
        data: {selected_val:selected_value},
        success: function(data){
            $.fancybox("<%= escape_javascript(render :partial => 'journals/add_post_complete')%>",
              {
                openEffect: "fade",
                closeEffect: "fade",
                autoSize: true,
                minWidth: 480,
                scrolling: 'auto',
              });
        }
    });

    });

});
    </script>
于 2013-01-27T15:18:00.443 に答える