|
|
|
[Help] ช่วยดูโค้ต listbox 2 ชั้นให้หน่อยคับ .... ขอบคุณครับ |
|
|
|
|
|
|
|
ไฟล์ menu.php
Code (JavaScript)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script>
var xmlHttp;
function createXMLHttpRequest() {
if (window.ActiveXObject) {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if (window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest();
}
}
function list_namesub(id) {
var obj = document.getElementById("subcatalog");
var obj_default = '- Choose -';
if(id ==""){
while(obj.childNodes.length>0){obj.removeChild(obj.childNodes[0]);}
obj[0] = new Option(obj_default,'');}else{
var url = "get_subname.php?id=" + id;
createXMLHttpRequest();
xmlHttp.onreadystatechange = handleStateChange;
xmlHttp.open("GET", url, true);
xmlHttp.send(null);
function handleStateChange() {
if(xmlHttp.readyState == 4) {
if(xmlHttp.status == 200) {
var results = xmlHttp.responseText;
while(obj.childNodes.length>0){obj.removeChild(obj.childNodes[0]);}
arr_list=results.split("/");
if(arr_list.length-1!=0){
for (var i=0; i < eval(arr_list.length-1); i++) {
shop_arr=arr_list[i].split(",");
obj.options[i] = new Option(shop_arr[0],shop_arr[1]);
}}else{
while(obj.childNodes.length>0){obj.removeChild(obj.childNodes[0]);}
obj[0] = new Option(obj_default,'');
}
}
}}
}}
</script>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<select name="catalog" id="catalog" onChange="list_namesub(this.value);" style="width:200px">
<option value="">- Choose -</option>
<?
$host="localhost"; //ชื่อ Host
$user="root"; //ชื่อ user
$password="123"; //รหัสผ่านฐานข้อมูล
$dbname="thailandbestinfo";
$connection=mysql_connect($host,$user,$password) or die("เชื่อมต่อฐานข้อมูลไม่ได้");
mysql_select_db($dbname) or die("ไม่สามารถเลือกฐานข้อมูลได้");
$sql="select * from categories order by idCate ASC";
$dbquery=mysql_db_query($dbname,$sql);
while($result=mysql_fetch_array($dbquery)){
?>
<option value="<?=$result[idCate];?>"><?=$result[nameCate_en];?></option>
<?
}
?>
</select>
<br />
<br />
<select name="subcatalog" id="subcatalog" style="width:200px">
<option value="">- Choose -</option>
</select>
</form>
</body>
</html>
ไฟล์ get_subname.php
Code (PHP)
<?php
header("Content-Type: text/plain; charset=TIS-620");
$host="localhost";
$user="root";
$password="123";
$dbname="thailandbestinfo";
$connection=mysql_connect($host,$user,$password) or die("เชื่อมต่อฐานข้อมูลไม่ได้");
mysql_select_db($dbname) or die("ไม่สามารถเลือกฐานข้อมูลได้");
$sql="select * from subcategories where idCate = '$id' ";
$dbquery = mysql_db_query($dbname, $sql);
echo "- Choose -, /";
while ($result = mysql_fetch_array($dbquery)){
echo"$result[nameSubCate_en],$result[idSubCate]/";
}
mysql_close();
?>
ปัญหาคือว่า เลือกเมนูใน listbox อันแรกแล้ว อันที่ 2 ไม่ออก พอดีผมนำโค้ตชาวบ้านมาแก้ไขอีกที จากเว็บนี้คับ
http://www.webthaidd.com/php/webthaidd_article_769_1.html
พอมาเปลี่ยนเป็นของผมแล้วมันไม่ออก รบกวนด้วยนคับ
Tag : PHP, MySQL, JavaScript, Ajax
|
|
|
|
|
|
Date :
2011-07-13 10:48:58 |
By :
art4eat |
View :
1191 |
Reply :
5 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ขอบคุณคับ มันทำงานบน firefox ได้แล้วเหรอคับ
|
|
|
|
|
Date :
2011-07-13 14:48:53 |
By :
art4eat |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ผมลองแล้วอ่ะคับ chrome , ie, opera รันได้ครับ ส่วน firefox ไม่ได้คับ พอมีวิธีที่ทำให้มันรันได้ทุกระบบไหมครับ
|
|
|
|
|
Date :
2012-05-22 11:44:13 |
By :
art4eat |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 04
|