Question

我目前正在使用php / mysql中的扩展待办事项列表。该列表将包含几个任务发生的字段。

使用以下代码添加任务：

    <form class="add-new-task" autocomplete="off">
    <input type="text" name="new-task" placeholder="Add a new item..." />
    </form>

然后脚本提交表单：

function add_task() {
    $('.add-new-task').submit(function(){
    var new_task = $('.add-new-task input[name=new-task]').val();

    if(new_task != ''){
    $.post('includes/add-task.php', { task: new_task }, function( data ) {
        $('.add-new-task input[name=new-task]').val('');
        $(data).appendTo('.task-list ul').hide().fadeIn();
                delete_task();
            });
    }
    return false; // Ensure that the form does not submit twice
    });
}

只是让你知道，这里是add-task.php

<?php 
    $task = strip_tags( $_POST['task'] );
    $date = date('Y-m-d'); // Today%u2019s date
    $time = date('H:i:s'); // Current time
    $user = $_SESSION['user']['id'];
    $field = "";

    require("connect.php");

    mysql_query("INSERT INTO todo (user, field, task, date, time) VALUES ('$user', '$field', '$task', '$date', '$time')");



    $query = mysql_query("SELECT * FROM todo WHERE task='$task' and date='$date' and time='$time'");

    while( $row = mysql_fetch_assoc($query) ){
    $task_id = $row['id'];
    $task_name = $row['task'];
    }

    mysql_close();

    echo '<li><span>'.$task_name.'</span><img id="'.$task_id.'" class="delete-button" width="10px" src="images/close.svg" /></li>';
?>

现在，我想在我的表单中添加一个名为＆＃34; field＆＃34;的输入字段。我可以处理我的技能失败的地方是将提交表单的脚本添加到add-task.php提交＆＃34;字段＆＃34;输入也是。

希望有人能帮助我

祝你好运！

Answer 1

我个人会做的是命名字段，使它们与您希望它们在PHP中匹配，然后序列化表单：

 <form class="add-new-task" autocomplete="off">
     <input type="text" name="task" placeholder="Add a new item..." />
     <input type="text" name="field" />
 </form>

  $.post('includes/add-task.php', $('form.add-new-task').serialize(), function( data ) {

否则，您只需要发送其他字段的数据：

function add_task() {
    $('.add-new-task').submit(function(){
    var new_task = $('.add-new-task input[name=new-task]').val();
    var field= $('.add-new-task input[name=field]').val();
    if(new_task != ''){
    $.post('includes/add-task.php', { task: new_task, field: field }, function( data ) {

Answer 2

这应该有效

var field = $('.add-new-task input[name=field]').val();

$.post('includes/add-task.php', { task: new_task, field: field }, function( data ) {
    ....
}

jQuery提交其他表单字段

2 个答案: