2013-10-03 28 views
0

我正在使用JavaScript內聯編輯html表時使用內聯編輯表td編輯我想將編輯的值保存在數據庫中我不知道如何通過編輯後的值保存到數據庫並保存,請任何一位指導我如何做到這一點謝謝。如何將內聯編輯的td值傳遞到數據庫

我的Java腳本

<script type='text/javascript'> 
window.onload=function(){ 
$("table td").click(function(e){ 

    if ($(this).find('input').length) { 
     return ; 
    }   
    var input = $("<input type='text' size='5' />") 
         .val($(this).text()); 

    $(this).empty().append(input); 

    $(this).find('input') 
      .focus() 
      .blur(function(e){ 
        $(this).parent('td').text( 
        $(this).val() 
       ); 
      });    

}); 

</script> 

的Html

<html> 
<head> 
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 
    <title> edit</title> 
</head> 
<body> 
    <?php 
$dbHost = 'localhost'; // usually localhost 
$dbUsername = 'fms'; 
$dbPassword = 'xxxxx'; 
$dbDatabase = 'fms'; 
$db = mysql_connect($dbHost, $dbUsername, $dbPassword) or die ("Unable to connect to Database Server."); 
mysql_select_db ($dbDatabase, $db) or die ("Could not select database.");  
$sql = mysql_query("SELECT * FROM supplierprice");  
echo "<table border='1'> 
<tr> 
<th>Region</th> 
<th>Country</th> 
<th>Network Name</th> 
<th>Mcc</th> 
<th>Mnc</th> 
<th>Mnp</th>   
</tr>";  
while($row=mysql_fetch_array($sql)) 
{ 
echo "<tr>"; 
echo "<td>" . $row['region'] . "</td>"; 
echo "<td>" . $row['country'] . "</td>"; 
echo "<td>" . $row['networkname'] . "</td>"; 
echo "<td>" . $row['mcc'] . "</td>"; 
echo "<td>" . $row['mnc'] . "</td>"; 
echo "<td>" . $row['mnp'] . "</td>"; 
echo "</tr>"; 
} 
echo "</table>";  
?>  
</body> 
</html> 
+0

看一看這個http://www.appelsiini.net/projects/jeditable,不推倒重來 – bhb

回答

0

可以有多種方式來完成你的任務。我會說在你的點擊函數上使用ajax調用,並將這些數據傳遞給查詢表中更新數據的新頁面。

這裏是關於使用ajax調用的細節。

Basics about ajax calls

+0

,但我在這裏使用JavaScript – Xavi

+0

JavaScript或jQuery的其一而同樣的事情üJST需要進行ajax調用,將控件轉移到您的頁面,並進行更新查詢,並將您的值與ajax調用一起傳遞。 –

相關問題