|
 |
| |
รบกวนถามหน่อยค่ะ พอดีใช้ ajax เลือกชื่ออัลบั้ม แล้วก็จะ listmenu ชื่อเพลงออกมานะคะ แล้วพอเลือกรายชื่อเพลงแล้ว ก็จะต้องส่งรายชื่อเพลงนั้นไปที่ textbox นะคะ ต้องทำยังไงค่ะ |
| |
 |
|
|
 |
 |
|
รบกวนถามหน่อยค่ะ พอดีใช้ ajax เลือกชื่ออัลบั้ม แล้วก็จะ listmenu ชื่อเพลงออกมานะคะ แล้วพอเลือกชื่อเพลงแล้วก็จะให้ส่งค่าชื่อเพลงเข้าที่ textbox นะคะ แต่ติดปัญหาที่ว่าพอเลือกชื่อเพลงแล้ว ค่าที่ส่งเข้ามากับเป็นค่า id album นะคะ ไม่ทราบว่าต้องแก้ตรงไหนค่ะ รบกวนดูให้หน่อยค่ะ โค้ดประมาณนี้นะคะ
Form.php
<head>
<script language="JavaScript">
function list_contentnamesub(sid) {
var obj = document.getElementById("title_th");
var obj_default = 'ไม่มีรายชื่อเพลง;
if(sid ==""){
while(obj.childNodes.length>0){
obj.removeChild(obj.childNodes[0]);
} // while
obj[0] = new Option(obj_default,'');
}else{
var url = "content/get_subcontent.php?sid=" +sid;
xmlHttp=createXMLHttpRequest();
xmlHttp.onreadystatechange = handleStateContentChange;
xmlHttp.open("GET", url, true);
xmlHttp.send(null);
}
} //fnc
function handleStateContentChange() {
if(xmlHttp.readyState == 4) {
if(xmlHttp.status == 200) {
var obj = document.getElementById("title_th");
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]);
} // for
}else{
while(obj.childNodes.length>0){obj.removeChild(obj.childNodes[0]);}
obj[0] = new Option(obj_default,'');
} // if else
} // 200
} // 4
} //fnc
</script>
</head>
<body>
<form name="form" method="post" action="">
<tr>
<td width="30%" align="right" class="text13">
Album :</td>
<td width="70%" class="bg3"><select name="album" id="album" onChange="list_contentnamesub(this.value);" >
<option value="">ไม่มี Album</option>
</select></td>
</tr>
<tr>
<td width="30%" align="right" class="text13"><span class="error"> *</span> ชื่อ Content (แสดงหน้า Web) :</td>
<td width="70%" class="bg3"><select name="title_th" id="title_th" onChange="form.txtVol.value=this.value" >
<option value="">ไม่มีรายชื่อเพลง</option>
</select>
<input name="txtVol" type="text" id="txtVol" /></td>
</tr>
</form>
</body>
get_subcontent.php ดังนี้
<?php
header("Content-Type: text/plain; charset=TIS-620");
$host="localhost";
$user="root";
$password="root";
$dbname="test";
$connection=mysql_connect($host,$user,$password) or die("เชื่อมต่อฐานข้อมูลไม่ได้");
mysql_select_db($dbname) or die("ไม่สามารถเลือกฐานข้อมูลได้");
mysql_query("SET NAMES TIS620");
mysql_query("SET character_set_results=tis620");
mysql_query("SET character_set_client=tis620");
mysql_query("SET character_set_connection=tis620");
mysql_query("collation_connection =tis620_thai_ci");
mysql_query("collation_database = tis620_thai_ci");
mysql_query("collation_server = tis620_thai_ci");
$sid=$_GET['sid'];
$sql="SELECT A.album, A.code,C.title_th FROM Album A JOIN Content C ON A.code = C.code WHERE A.album = '$sid' GROUP BY C.title_th";
$result= mysql_db_query($dbname, $sql);
echo "ไม่มีรายชื่อเพลง, /";
while ($row= mysql_fetch_array($result)){
echo"$row[title_th],$row[album]/";
}
mysql_close($connection);
?>
Tag : PHP, MySQL, Ajax
|
|
|
 |
 |
 |
 |
| Date :
2011-03-25 12:45:53 |
By :
ฟ้า |
View :
744 |
Reply :
2 |
|
 |
 |
 |
 |
|
|
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test</title>
<script type="text/javascript" language="javascript">
function list_contentnamesub(sid) {
var obj = document.getElementById("title_th");
var obj_default = 'ไม่มีรายชื่อเพลง;
if(sid ==""){
while(obj.childNodes.length>0){
obj.removeChild(obj.childNodes[0]);
} // while
obj[0] = new Option(obj_default,'');
}else{
var url = "content/get_subcontent.php?sid=" +sid;
xmlHttp=createXMLHttpRequest();
xmlHttp.onreadystatechange = handleStateContentChange;
xmlHttp.open("GET", url, true);
xmlHttp.send(null);
}
} //fnc
function handleStateContentChange() {
if(xmlHttp.readyState == 4) {
if(xmlHttp.status == 200) {
var obj = document.getElementById("title_th");
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]);
} // for
}else{
while(obj.childNodes.length>0){obj.removeChild(obj.childNodes[0]);}
obj[0] = new Option(obj_default,'');
} // if else
} // 200
} // 4
} //fnc
function textChange() {
var title = document.getElementById("title_th");
document.getElementById('txtVol').value = title.options[title.selectedIndex].text;
}
</script>
</head>
<body>
<form name="form" method="post" action="">
<table>
<tr>
<td width="30%" align="right" class="text13">
Album :</td>
<td width="70%" class="bg3"><select name="album" id="album" onChange="list_contentnamesub(this.value);" >
<option value="">ไม่มี Album</option>
</select>
</td>
</tr>
<tr>
<td width="30%" align="right" class="text13"><span class="error"> *</span> ชื่อ Content (แสดงหน้า Web) :</td>
<td width="70%" class="bg3">
<select name="title_th" id="title_th" onChange="textChange()">
<option value="">ไม่มีรายชื่อเพลง</option>
</select>
<input name="txtVol" type="text" id="txtVol" /></td>
</tr>
</table>
</form>
</body>
</html>
|
ประวัติการแก้ไข
2011-03-25 13:12:10
| |
|
|
| |
| Date :
2011-03-25 13:03:12 |
By :
extenser |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ขอบคุณมากๆค่ะ
|
| |
|
|
| |
| Date :
2011-03-25 14:34:41 |
By :
ฟ้า |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 03
|
