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提交額外的表單字段

回答

相關問題