제출 버튼을 사용하지 않고 ComboBox의 선택을 PHP의 MySQL에 저장 하시겠습니까?

Question

저는 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> 

image

Answer 1

할

? `data : "statusType ="+ statusVal, "

Answer 2

내 첫번째 추측은, select 요소에 예를 onChange 이벤트를 사용하는 것입니다. <select name='status' id='status' onChange='updateMySQL();'>

updateMySQL()에서 데이터를 데이터베이스에 저장하기 위해 외부 스크립트를 호출 할 수 있습니다. 나는 그것이 그것을 달성하는 것이 뜨겁지 않다라고 생각한다, 단지 추측이다. 해결책을 찾기에 행운을 비네! saveStatus.php에이

<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> 

은 MySQL의 업데이트

<?php 

$st=$_POST['statusType']; 
$qry =" UPDATE tableName SET `tablefield`=$st .. "; 
$done = mysql_query($qry); 
if($done) 
{ 
    echo "Saved Successfully"; 
} 
?>