1

私はjqueryとajaxの経験がありません。これまでのところ、ソースを探して編集し、コードをコーディングに貼り付けています。今、チュートリアルの自動保存コンボボックスの選択を探しようとしましたが、見つかりませんでした。誰かが私を助けてくれますか？MYSQL表示レコードのみを使用しましたが、jqueryを使用してコンボボックス選択nitoMYSQLを自動更新する方法がわかりません。たとえば、予約ステータスを選択したいのですが、コンボボックスから承認を選択すると、[送信]ボタンをクリックしなくても自動的に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 に答える