jQuery提交额外的表单字段

我目前正在研究php/mysql中的扩展待办事项列表。该列表将包含几个任务发生的字段。jQuery提交额外的表单字段

添加使用我下面的代码的任务：

<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 
    }); 
}

而只是让你知道，这里的附加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>'; 
?>

现在，我想添加一个输入字段到我的表单称为“字段”，我可以处理。我的技能失败的地方是让提交表单的脚本添加task.php提交“字段”输入。

希望有人能帮到我

最好的问候！

来源

2014-07-16 marwej

这应该工作

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

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

来源

2014-07-16 00:20:19 ReynierPM

我会亲自做的，是命名字段，以便它们匹配了，你想他们是在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) {

来源

2014-07-16 00:20:03 dave

jQuery提交额外的表单字段

回答

相关问题