jQuery

Question

我的问题很简单：如何使用 jQuery !?

检索特定形式的输入值

<?php
$i = 0;
foreach($members as $member){
?>
<form class="form-final-record" role="form" >    

    <input type="hidden" value="<?php echo $member->nid ?>" name="student_nid" class="from-nid">

    <tr>
        <td><?php echo ++$i ?></td>
        <td><?php echo $member->nid ?></td>
        <td><?php echo $member->name." ".$member->surename ?></td>
        <td><input type="text" name="points" class="form-control" class="form-points" /></td>
        <td><select name="pass" class="form-control"><option value="1">Pass</option><option value="0">Failed</option></select></td>
        <td>
            <select name="absence" class="form-control">
                <option value="0" selected>No</option>
                <option value="1">Yes</option>
            </select>
        </td>
        <td><button type="submit" class="btn btn-success">Submit</button>
    </tr>
</form>
<?php
}
?>

正如您在上面的代码块中看到的，我的 table 的每一行都是一个表格，其中包含每个人的一些数据。我想使用 jQuery AJAX 功能在不更改页面的情况下提交他们的数据。

我怎样才能达到每个表单的所有输入值？！

在我的 jQuery 我使用的代码中：

<script>
    $(document).ready(function(e) {

        $('.form-final-record').on('submit', this, function(e) {
            e.preventDefault();

            nid = $(this).next('input[name=student_nid]').val();
            points = $(this).find($('input[name=points]').val());
            pass = $(this).find($('input[name=pass]').val());
            absence = $(this).find($('input[name=absence]').val());

            $.ajax({
                url: '../ctrl_amouzesh/students_final_record_action',
                type: 'POST',
                data: {nid: nid, points: points, pass: pass, absence: absence},
                success: function(data) {
                    alert(data);
                }
            });
        });
    });
</script>

感谢您的帮助:)

Answer 1

为您的表单添加一个 id 属性

<form class="form-final-record" role="form" id='myForm' >

然后使用 jQuery serialize

data = $('#myForm').serialize()

Answer 2

试试这个serialize() serializeArray()

 $.ajax(
            {
            url: '../ctrl_amouzesh/students_final_record_action',
            type: 'POST',
            data: $('.form-final-record').serialize(),
            success: function(data) { alert(data); }
            }
        )
    });

Answer 3

试试这个。
序列化程序不提交您的文件输入。
即使有文件输入，这也会提交您的表单。

$(document).on("submit", "form", function(event)
{
    event.preventDefault();
    $.ajax({
        url: $(this).attr("action"),//set form action url at your form
        type: $(this).attr("method"),//set form method at your form          
        data: new FormData(this),
        processData: false,
        contentType: false,
        success: function (data, status)
        {

        },
        error: function (xhr, desc, err)
        {


        }
    });
});

jQuery - 检索提交的表单所有输入值

jQuery - Retreving submited form all inputs values

ajax

forms

codeigniter

dom