แสดงข้อมูลโดยใช้ list box - แสดงข้อมูลโดยใช้ list box ทีประเภทให้เลือกแล้วแสดงข้อมูลทั้งหมดของประเภทนั้นออกมา
อ่านบทความ Dependent ListMenu แล้วนำไปแก้ไขเพิ่มเติมครับ ไม่ยากครับ
Date :
2009-02-22 10:56:14
By :
webmaster
ไม่รู้ว่าใช้แบบนี้หรือป่าว ลองดูคับ
<script language="javascript">
function fillCategory(){
// this function is used to fill the category list on load
addOption(document.form1.select7, "NewFortuner", "NewFortuner", "");
addOption(document.form1.select7, "NewAltis", "NewAltis", "");
addOption(document.form1.select7, "HiluxVigoSmartCAB", "HiluxVigoSmartCAB", "");
addOption(document.form1.select7, "HiluxVigoDubbleCAB", "HiluxVigoDubbleCAB", "");
//addOption(document.form1.select2, "กุมภาพันธ์", "กุมภาพันธ์", "");
//addOption(document.form1.select2, "มีนาคม", "มีนาคม", "");
}
function SelectSubCat(){
// ON selection of category this function will work
removeAllOptions(document.form1.select6);
addOption(document.form1.select6, "", "branches", "");
if(document.form1.select7.value == 'NewFortuner'){
addOption(document.form1.select6,"ศรีอยุธยา", "ศรีอยุธยา");
addOption(document.form1.select6,"วงแหวนรอบนอก", "วงแหวนรอบนอก");
addOption(document.form1.select6,"เทพารักษ์", "เทพารักษ์");
}
if(document.form1.select7.value == 'NewAltis'){
addOption(document.form1.select6,"พหลโยธิน", "พหลโยธิน");
addOption(document.form1.select6,"ศรีอยุธยา", "ศรีอยุธยา");
addOption(document.form1.select6,"บางนา", "บางนา");
addOption(document.form1.select6,"ปิ่นเกล้า", "ปิ่นเกล้า");
addOption(document.form1.select6,"ดอนเมือง", "ดอนเมือง", "");
}
if(document.form1.select7.value == 'HiluxVigoSmartCAB'){
addOption(document.form1.select6,"พหลโยธิน", "พหลโยธิน");
addOption(document.form1.select6,"ศรีอยุธยา", "ศรีอยุธยา");
addOption(document.form1.select6,"บางนา", "บางนา");
addOption(document.form1.select6,"ปิ่นเกล้า", "ปิ่นเกล้า");
addOption(document.form1.select6,"หลักสี่", "หลักสี่", "");
addOption(document.form1.select6,"ราษฏรษ์บูรณะ", "ราษฏรษ์บูรณะ", "");
addOption(document.form1.select6,"พระรามเก้า", "พระรามเก้า", "");
addOption(document.form1.select6,"ประชาชื่น", "ประชาชื่น", "");
addOption(document.form1.select6,"วงแหวนรอบนอก", "วงแหวนรอบนอก", "");
addOption(document.form1.select6,"ดอนเมือง", "ดอนเมือง", "");
addOption(document.form1.select6,"วังหิน", "วังหิน", "");
addOption(document.form1.select6,"เทพารักษ์", "เทพารักษ์", "");
}
if(document.form1.select7.value == 'HiluxVigoDubbleCAB'){
addOption(document.form1.select6,"พหลโยธิน", "พหลโยธิน");
addOption(document.form1.select6,"ปิ่นเกล้า", "ปิ่นเกล้า");
addOption(document.form1.select6,"หลักสี่", "หลักสี่", "");
addOption(document.form1.select6,"ราษฏรษ์บูรณะ", "ราษฏรษ์บูรณะ", "");
addOption(document.form1.select6,"พระรามเก้า", "พระรามเก้า", "");
addOption(document.form1.select6,"ประชาชื่น", "ประชาชื่น", "");
addOption(document.form1.select6,"วงแหวนรอบนอก", "วงแหวนรอบนอก", "");
addOption(document.form1.select6,"วังหิน", "วังหิน", "");
}
}
//////////////////
function removeAllOptions(selectbox)
{
var i;
for(i=selectbox.options.length-1;i>=0;i--)
{
//selectbox.options.remove(i);
selectbox.remove(i);
}
}
function addOption(selectbox, value, text )
{
var optn = document.createElement("OPTION");
optn.text = text;
optn.value = value;
selectbox.options.add(optn);
}
</script>
Date :
2009-03-02 15:54:03
By :
cmdping
Load balance : Server 00