jqueryの問題。post()が機能しない

Question

だから私はjqueryを使うのは初めてです。post()しかし、私はまだ前に使用していないメソッドを使用していません。

ボタンがクリックされたときに2つの非表示の入力値を投稿しようとしています:

$('#button').live('click', function() {
    $.post('export_file.php', { group: form.group.value , test: form.test.value },
    function(output)    {
        $('#return').html(output).show();
    });
});

私はボタンイベントが正常に起動していることをテストしましたが、現在私がやろうとしていることはすべて export_file.php エコーは何かです。

ここに私のフォームがあります:

<form name="form">
<input type="hidden" name="group" value="<?echo $group;?>">
<input type="hidden" name="test" value="<?echo $test_id;?>">
<input type="button" class="Mybutton" id="button" name="btnSubmit" value="Export Results">
</form>

私は元のページに私のdivを持っています:

<div id='return'></div>

ファイルをエクスポートします。php:

<?php

echo "whatever, something!";

?>

誰かが私が間違っている場所を指摘できますか？本当にどうも。,

Answer 1

この行を修正します:

$.post('export_file.php', { group: form.group.value , test: form.test.value },

これを次のように変更します:

var group_val = $('input[name="group"]', 'form[name="form"]').get(0).value;
var test_val = $('input[name="test"]', 'form[name="form"]').get(0).value;
$.post('export_file.php', { group: group_val , test: test_val },

フィドル: http://jsfiddle.net/maniator/cQ2vZ/

Answer 2

試してみてください:

$('#button').live('click', function() {
    $.post('export_file.php', { group: $("input[name='group']").val() , test: $("input[name='test']").val() },
    function(output)    {
        $('#return').html(output).show();
    });
});

Answer 3

HTMLのフォーム要素にidを追加しました:

<form name="form">
    <input type="hidden" name="group" id="group" value="<?echo $group;?>">
    <input type="hidden" name="test" id="test" value="<?echo $test_id;?>">
    <input type="button" class="Mybutton" id="button" name="btnSubmit" value="Export Results">
</form>

次に、これらのフィールドから値をIDで取得するようにjQueryを修正し、AJAX呼び出しのパラメータでこれらを使用します:

$('#button').live('click', function() {
    var groupValue = $("#group").val();
    var testValue = $("#test").val();

    $.post('export_file.php', { group: groupValue , test: testValue },
    function(output)    {
        $('#return').html(output).show();
    });
});

Answer 4

これを試してみてください

$('#button').live('click', function() {
    var group_val = $("input[name='group']").val(); // gets the value of hidden field with the name group
    var test_val = $("input[name='test']").val(); // gets the value of hidden field with the name test and store it in test_val variable
    $.post('export_file.php', { group: group_val  , test: test_val  },
    function(output)    {
        $('#return').html(output).show();
    });
});