PHP利用下拉式選單(Select option)搭配JavaScript更新SQL資料
此範例是利用下拉式選單在選取的值變更後就對資料庫的資料做更新
範例語法利用:PHP,Html,JavaScript,SQL
在Html的下拉式選單利用onchange觸發更改值的訊息後,經由JavaScript接收要更改資料的id,與是否顯示的show值,
JavaScript接收完值後經由location到update.php程式碼,
然後update.php將接收到的值利用GET塞到SQL語法,利用SQL語法更新資料庫要更改資料id的show值。
下面程式碼為片段語法
product.php
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<title>產品管理</title>
<link rel="stylesheet" href="../css/style.css" type="text/css" media="screen" />
<script type="text/javascript">
function showChang(id,selectShow){
location='../require/update.php?id='+id+'&page=<?php echo $page;?>&show='+selectShow;
}
</script>
</head>
<body>
<table align="center">
<tr>
<td width="10%">
<label>
<select name="show" id="show" onchange="showChang(<?php echo $row_product['id'];?>,options[this.selectedIndex].value)">
<option value="Y" <?php if (!(strcmp("Y", $row_product['show']))) {echo "selected=\"selected\"";} ?>>已上架</option>
<option value="N" <?php if (!(strcmp("N", $row_product['show']))) {echo "selected=\"selected\"";} ?>>尚未上架</option>
</select>
</label>
</td>
</tr>
</table>
</body>
</html>
update.php
<?php session_start();?>
<?php require_once('../Connections/test.php'); ?>
<?php
if(isset($_GET['show'])){
$updateSQL = sprintf("UPDATE `product` SET `show` = '".$_GET['show']."' WHERE `id` =".$_GET['id']."");
mysql_select_db($database_test, $test);
$Result1 = mysql_query($updateSQL, $test) or die(mysql_error());
}
header(sprintf("refresh: 0; url=../product/product.php"));
?>
網頁顯示畫面如下圖
參考或是複製語法時,別忘了留個言喔 ^ ^ ~