JQuery Ajaxを使用すると、ラジオの選択とボタンのクリックでajaxリクエストが行われ、正しい応答が得られますが、応答も前の応答で返されます。
たとえば、ユーザーが「リンゴ」を選択して [送信] をクリックすると、応答は「リンゴ」を返します。次に、そのユーザーが「kiwi」を選択すると、応答は「apple」と「kiwi」を返します。現在の選択、この場合は「キウイ」を返す応答のみが必要です。
コードは次のとおりです。
function get_fruit() {
var selection = $("input[name=fuit]:checked").val();
$.ajax({
type: "POST",
url: "../user_selects/",
data: {selection:selection},
success: function(data) {
alert(data);
$("body").append(data);
}
});
}
そしてボタン：
<button onclick="get_fruit();">Submit</button>
フルーツ付きのラジオボタンのリストもあります。たとえば、ラジオ ボタン グレープ、次の行、ラジオ ボタン ナシなどです。