|
 |
| |
PHP + JavaScript : สร้าง List Box 2 อัน เปลี่ยนค่าโดยอัตโนมัติ |
| |
 |
|
|
 |
 |
|
ช่วยดู code ให้หน่อย ไป copy เขามา มันไม่สมบูรณ์ ต้องแก้ไขตรงไหนบ้างครับ
"โดยเป็นการดึงข้อมูลมาจาก Database โดยมีข้อมูลอยู่ใน ตาราง 2 ตาราง ที่มีความสัมพันธ์กัน โดยที่ เมื่อเรา เลือกค่าจาก List Box อันแรกแล้ว ค่าใน List Box อันที่สองจะเปลี่ยนตาม โดยอัตโนมัติ ยกตัวอย่าง เช่น List Box อันแรกเป็น หมวดหลัก แล้ว List Box อันที่สอง เป็นหมวดย่อย ซึ่งจะเปลี่ยนตาม หมวดหลัก ที่เราเลือกครับ"
<?php
$host = ?localhost?;
$user = ?username?; //Username ที่ใช้ในการติดต่อ MySQL
$password = ?password?; //Password ที่ใช้ในการติดต่อ MySQL
$conn = mysql_connect($host, $user, $password);
$db = ?yourDB?; //ชื่อของ Database
$Sel = "SELECT * FROM StoreMaincatTable ORDER BY S_Maincat_Name ASC ";
$ExecSelMain = mysql_query($db, $Sel);
?>
<script language="JavaScript">
<?
while($RowMain = mysql_fetch_array($ExecSelMain)){
$count = 0;
$maincat = $RowMain[0];
?>
var Array<?echo $maincat;?> = new Array("('Sub Categories','',true,true)"
<?
$SelSub = "SELECT * FROM StoreSubcatTable WHERE S_MaincatID='$RowMain[0]' ";
$ExecSelSub = mysql_query($db, $SelSub);
$nrow = mysql_num_rows($ExecSelSub);
if($nrow > 0){
while($RowSub = mysql_fetch_array($ExecSelSub)){
$i = 1;
$nf = mysql_num_fields($ExecSelSub );
?>
<? if($count == $nrow-1){ ?>
,"('<? echo $RowSub[$i]; ?>')");
<?}else{?>
,"('<? echo $RowSub[$i]; ?>')"
<? } // End Else
$count++;
} // End of While StoreSubcatTable
}else{
?>
);
<?php
}
} // End of While StoreMaincatTable
?>
function LoadProductType(form1,selected) {
var selectedArray = eval("Array"+selected);
while (selectedArray.length < form1.subcat1.options.length) {
form1.subcat1.options[(form1.subcat1.options.length - 1)] = null;
}
for (var i=0; i < selectedArray.length; i++) {
eval("form1.subcat1.options=" + "new Option" + selectedArray);
}
if (form1.maincat.options[0].value == '') {
form1.maincat.options[0]= null;
if ( navigator.appName == 'Netscape') {
if (parseInt(navigator.appVersion) < 4) {
window.history.go(0);
}
else {
if (navigator.platform == 'Win32' || navigator.platform == 'Win16') {
window.history.go(0);
}
}
}
}
}
</script>
<form name="FormSearchCat" method="post">
<table width="400" border="1" cellpadding="5" cellspacing="0" bordercolor="#000000">
<tr><td colspan="2">Search</td></tr>
<tr><td>หมวดหลัก</td>
<td>
<?php
$SelMainS = "SELECT * FROM StoreMaincatTable ORDER BY S_Maincat_Name ASC ";
$ExecSelMainS = mysql_query($db, $SelMainS);
?>
<select name='maincat' onChange = "LoadProductType(document.FormSearchCat,document.FormSearchCat.maincat.options[document.FormSearchCat.maincat.selectedIndex].value)">
<option value="" selected>Main Categories</option>
<?php while($RowMainS = mysql_fetch_row($ExecSelMainS)){
$maincatC = $RowMainS[0];
?>
<option value="<?php echo $maincatC;?>"><?echo stripslashes($RowMainS[1]);?> </option>
<?}?>
</select>
</td>
</tr>
<tr><td>หมวดย่อย</td>
<td>
<select name='subcat1'>
<option value=""><font face="MS Sans Serif" size="1">None</font></option>
</select>
</td>
</tr>
Tag : - - - -
|
|
|
 |
 |
 |
 |
| Date :
25 ธ.ค. 2547 12:40:38 |
By :
gundam |
View :
8371 |
Reply :
1 |
|
 |
 |
 |
 |
|
|
|
|
 |
 |
|
 |
 |
|
| |
|
 Load balance : Server 02
|
