1

我没有使用 jquery 和 ajax 的经验，到目前为止，我只是在寻找源代码并编辑将代码粘贴到我的编码中。现在我尝试寻找教程自动保存组合框选择，但我找不到它。有人可以帮我吗？我只完成了 MYSQL 显示记录，但我不知道如何使用 jquery 自动更新组合框选择 nito MYSQL。例如，我想选择预订状态，当我从组合框中选择批准时，它会自动保存到 MYSQL 中，而无需单击按钮提交。

<?php

include('config.php');

$per_page = 9; 

if($_GET)
{
$page=$_GET['page'];
}



//get table contents
$start = ($page-1)*$per_page;
$sql = "SELECT bookingID,eventinfo.eventTitle,boothAlias,testbook.bstatus,date, testbook.username, customer.companyName, customer.contactName from eventinfo, testbook, customer where testbook.username=customer.username AND testbook.eventID=eventinfo.eventID order by date desc limit $start,$per_page";
$rsd = mysql_query($sql);
?>

<form method="post" name="form">
<table width="800px">

    <?php
    //Print the contents

    while($row = mysql_fetch_array($rsd))
    {

        $id=$row['companyName'];
        $contactName=$row['contactName'];
        $eventTitle=$row['eventTitle'];
        $date=$row['date'];
        $status=$row['bstatus'];
        $booth=$row['boothAlias']

    ?>
    <tr><td style="color:#B2b2b2; padding-left:4px"><?php echo $id; ?></td><td><?php echo $contactName; ?></td>
    <td><?php echo $eventTitle; ?></td><td><?php echo $booth; ?></td><td><?php echo $date; ?></td><td><select name='status' id='status'>
        <option value='-1'>--Select--</option>
    <option value='0'>Approve</option>
    <option value='1'>Reject</option>
    <option value='2'>Pending</option>
    </select></td>
    </tr>
    <?php
    } 
    ?>
</table>
</form>

图片

4

2 回答 2

2

做这个

<select name='status' id='status'>
        <option value=''>--Select--</option>
        <option value='0'>Approve</option>
        <option value='1'>Reject</option>
        <option value='2'>Pending</option>
</select>
<div id="autosavenotify"></div>

<script>
$(document).ready(function(){
$('select').live('change',function () {
        var statusVal = $(this).val();
        alert(statusVal);
        $.ajax({
                 type: "POST",
                 url: "saveStatus.php",
                 data: {statusType : statusVal },
                 success: function(msg) {
                     $('#autosavenotify').text(msg);
                 }
      })
  });
});
</script>

做saveStatus.php 你的mysql更新

<?php

 $st=$_POST['statusType'];
 $qry =" UPDATE tableName SET `tablefield`=$st .. ";
 $done = mysql_query($qry);
 if($done)
 {
   echo "Saved Successfully";
 }
?>
于 2011-10-07T06:15:33.267 回答
-1

我的第一个猜测是在元素中使用onChange事件，例如。select<select name='status' id='status' onChange='updateMySQL();'>

在updateMySQL()您可以调用外部脚本将数据保存到数据库中。不过，我不确定能否实现它，这只是一个猜测。祝你好运找到解决方案！

于 2011-10-07T05:57:59.617 回答