dependent list menu สามารถใช้ค้นหาโดยมีตารางเดียวไหมครับ
ได้ครับ ขึ้นอยู่กับเราจะ Query ข้อมูลที่มีความสัมพันธ์กัน จากนั้น ก็ทำการ Generate ให้กับ JavaScript
Date :
2011-06-11 19:17:16
By :
webmaster
ใช้ ajax ทำก็ได้ครับ
Date :
2011-06-11 19:29:11
By :
PlaKriM
ขอแนวได้ไหมครับคิดมาทั้งวันเเล้ว
ประวัติการแก้ไข 2011-06-12 02:38:01
Date :
2011-06-12 02:36:38
By :
zandztormz
มันเป็นแบบเชื่อหลายตารางอะครับอันนี้
Date :
2011-06-12 12:25:45
By :
zandztormz
ลองทำดูเเล้วกด view sorce ก็ขึ้นหมดนะครับแต่ในฟอรืมไม่มีไรเกิดขึ้นเลย จากcode นี้ครับCode (PHP)
<script language = "JavaScript">
//**** List city (Start) ***//
function Listcity(SelectValue)
{
frmMain.ddlcity.length = 0
frmMain.ddlcertificate.length = 0
frmMain.ddlmajor.length = 0
//*** Insert null Default Value ***//
var myOption = new Option('เลือกเมือง','0')
frmMain.ddlcity.options[frmMain.ddlcity.length]= myOption
<?
$intRows = 0;
$strSQL = "SELECT distinct city,country FROM tb_detail ORDER BY id ASC ";
$qr = select($strSQL);
$intRows = 0;
while($intRows<count($qr))
{
$objResult = $qr[$intRows];
$intRows++;
?>
x = <?=$intRows;?>;
mySubList = new Array();
strGroup = <?=$objResult["country"];?>;
strValue = "<?=$objResult["city"];?>";
strItem = "<?=$objResult["city"];?>";
mySubList[x,0] = strItem;
mySubList[x,1] = strGroup;
mySubList[x,2] = strValue;
if (mySubList[x,1] == SelectValue){
var myOption = new Option(mySubList[x,0], mySubList[x,2])
frmMain.ddlcity.options[frmMain.ddlcity.length]= myOption
}
<?
}
?>
}
//**** List city (End) ***//
//**** List certificate (Start) ***//
function Listcertificate(SelectValue)
{
frmMain.ddlcertificate.length = 0
frmMain.ddlmajor.length = 0
//*** Insert null Default Value ***//
var myOption = new Option('เลือกใบรับรอง','0')
frmMain.ddlcertificate.options[frmMain.ddlcertificate.length]= myOption
<?
$intRows = 0;
$strSQL = "SELECT distinct certificate,city FROM tb_detail ORDER BY id ASC ";
$qr = select($strSQL);
$intRows = 0;
while($intRows<count($qr))
{
$objResult = $qr[$intRows];
$intRows++;
?>
x = <?=$intRows;?>;
mySubList = new Array();
strGroup = <?=$objResult["city"];?>;
strValue = "<?=$objResult["certificate"];?>";
strItem = "<?=$objResult["certificate"];?>";
mySubList[x,0] = strItem;
mySubList[x,1] = strGroup;
mySubList[x,2] = strValue;
if (mySubList[x,1] == SelectValue){
var myOption = new Option(mySubList[x,0], mySubList[x,2])
frmMain.ddlcertificate.options[frmMain.ddlcertificate.length]= myOption
}
<?
}
?>
}
//**** List certificate (End) ***//
//**** List Major (Start) ***//
function Listmajor(SelectValue)
{
frmMain.ddlmajor.length = 0
//*** Insert null Default Value ***//
var myOption = new Option('เลือกวิชาเอก','0')
frmMain.ddlmajor.options[frmMain.ddlmajor.length]= myOption
<?
$intRows = 0;
$strSQL = "SELECT distinct major,certificate FROM tb_detail ORDER BY id ASC ";
$qr = select($strSQL);
$intRows = 0;
while($intRows<count($qr))
{
$objResult = $qr[$intRows];
$intRows++;
?>
x = <?=$intRows;?>;
mySubList = new Array();
strGroup = <?=$objResult["certificate"];?>;
strValue = "<?=$objResult["major"];?>";
strItem = "<?=$objResult["major"];?>";
mySubList[x,0] = strItem;
mySubList[x,1] = strGroup;
mySubList[x,2] = strValue;
if (mySubList[x,1] == SelectValue){
var myOption = new Option(mySubList[x,0], mySubList[x,2])
frmMain.ddlmajor.options[frmMain.ddlmajor.length]= myOption
}
<?
}
?>
}
//**** List major (End) ***//
</script>
<form name="frmMain" method="post" action="">
<label for="Country "></label>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left">
<select name="ddlcountry" id="ddlcountry" onChange ="Listcity(this.value);">
<option selected="selected" value="0">เลือกประเทศ</option>
<?php
$sql = "select distinct country from tb_detail order by country asc";
$qr = select($sql);
$i=0;
while($i<count($qr)){
$rs = $qr[$i];
$i++;
?>
<option value="<?=$rs['country'];?>"><?=$rs["country"];?></option>
<?php
}
?>
</select>
</td>
<td align="center"></td>
<td align="center">
<select name="ddlcity" id="ddlcity" onChange ="Listcertificate(this.value)">
<option selected="selected" value="0">เลือกเมือง</option>
</select></td>
<td align="center"> </td>
<td align="center">
<select name="ddlcertificate" id="ddlcertificate"onChange ="Listmajor(this.value)">
<option selected="selected" value="0">เลือกใบรับรอง</option>
</select></td>
<td align="center"> </td>
<td align="center">
<select name="ddlmajor " id="ddlmajor ">
<option selected="selected" value="0">เลือกวิชาเอก</option>
</select></td>
<td align="center"> </td>
<td align="center"><input name="textfield" type="text" id="textfield" value="Keyword" /></td>
<td align="center"> </td>
<td align="right"><input type="submit" name="Search" id="Search" value="Start Search" /></td>
</tr>
</table>
</form>
Date :
2011-06-12 13:27:39
By :
zandztormz
เกือบได้แล้วครับเหลือช่องสุดท้ายมันไม่ขึ้นเชคerrorมันขึ้นว่า frmMain.ddlmajor is null or not object ลองไล่codeดูก็เขียนเหมือนกันแล้วนะครับ อยากทราบว่ามีตรงไหนที่มันผิดอิก
Date :
2011-06-12 15:56:50
By :
zandztormz
ได้แล้วครับ ขอบคุณมากๆครับพี่วิน
Date :
2011-06-12 16:57:30
By :
zandztormz
dependent list menu ขอตัวไฟล์เมนูหน่อยได้ไหม๊ครับสนใจอยากขอลองดุอะคตรับเพราะทำเกี่ยวกับประเทศออสเตเลียเหมือนกันอะครับ
Date :
2013-02-23 18:39:01
By :
akirajom
ลอง Apply ตัวที่ได้ตอบไว้ครับ
Date :
2013-02-23 18:43:26
By :
mr.win
คืออยากได้ฐานข้อมูลของออสเตเลียอะครับ ใครพอมีบ้างครับบบ
Date :
2013-02-23 18:45:17
By :
akirajom
Load balance : Server 00