Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,038

HOME > PHP > PHP Forum > สอบถามเรื่อง dropdown list โดยการ select dropdown ก่อนแล้วจึงมีข้อมูลของ dropdownอันที่สอง

สอบถามเรื่อง dropdown list โดยการ select dropdown ก่อนแล้วจึงมีข้อมูลของ dropdownอันที่สอง

เริ่มหัวข้อใหม่

Fanciful

โพสกระทู้ ( 40 )
บทความ ( 0 )

คือผมต้องการให้ dropdawn list อันแรกถูกเลือกก่อนอะครับ แล้วถึงจะสร้างข้อมูลของ dropdawn list อันที่สอง แต่พอเลือกแล้วมันไม่มีอะไรเกิดขึ้น อยากจะให้ช่วยหน่อยครับ ว่าควรแก้ไขที่ไหนบ้าง

ขอบคุณครับ

Code (PHP)

<?
session_start();
$hostname = "localhost"; //ชื่อโฮสต์
$user = "root"; //ชื่อผู้ใช้
$password = ""; //รหัสผ่าน
$dbname = "test"; //ชื่อฐานข้อมูล
// เริ่มติดต่อฐานข้อมูล
mysql_connect($hostname, $user, $password) or die("ติดต่อฐานข้อมูลไม่ได้");

// เลือกฐานข้อมูล

mysql_select_db($dbname) or die("เลือกฐานข้อมูลไม่ได้");
$sqlsch = "SELECT * FROM schedule";
$dbquerysch = mysql_db_query($dbname, $sqlsch);
$sqlsub = "SELECT * FROM subject";
$dbquerysub = mysql_db_query($dbname, $sqlsub);
$sqlsec = "SELECT * FROM section";
$dbquerysec = mysql_db_query($dbname, $sqlsec);
?>
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Management Schedule</title>
<script language = "JavaScript">
	function fncCreateSelectOption(ele){
		var objSelect = ele;
		var Item = new Option("Select", "nothing");
		objSelect.options[objSelect.length] = Item;
		
		var x=document.getElementById("subject");
		<? while($objResultsch = mysql_fetch_array($dbquerysch)){?>
			if(x.value==<?=$objResultsch[0];?>){
				<? while($objResultsec = mysql_fetch_array($dbquerysec)){?>
					if(<?=$objResultsec[0];?>!=<?=$objResultsch[1];?>){
						var Item = new Option(<?=$objResultsec[0];?>,<?=$objResultsec[0];?>);
						objSelect.options[objSelect.length] = Item;
					} 
			<? }?>
			}
	<? }?>
	}
	function createElement(){
		var mySpan=document.getElementById("mySpan");
		var myElement=document.createElement('select');
		myElement.setAttribute('name',"section");
		myElement.setAttribute('id',"section");
		mySpan.appendChild(myElement);
		fncCreateSelectOption(myElement)
		
	}
</Script>

</head>

<body>
<table width="824" height="500">
    	<tr>
        	<td height="100" bgcolor="#0000FF"></td>
        </tr>
        <tr>
       	  <td><div align="center">
            	<form action="" name="fmsched" method="post">
               	  <p>
                	  <label>ID Subject : </label>
                	  <select id="subject" onChange="createElement()">
                      	<option value="nothing" selected>Select</option>
                      <? while($objResultsub = mysql_fetch_array($dbquerysub)){?>
                      	<option value=<?=$objResultsub[0];?>><?=$objResultsub[0];?></option><? }?>
                      </select>
               	  </p>
                	<p><label>ID Section : </label>
                    <div id="mySpan"></div>
                    </p>
                	<p>
                    <label>Location : </label>
                	  <input type="text" id="locsproom" name="locsproom">
                      </p>
                     <p>
                    <label>Room : </label>
                	  <input type="text" id="room" name="room">
                      </p>
                	<p>
                    	<input type="submit" id="submit" value="submit">
                  </p>
              </form></div>
          </td>
        </tr>
    </table> 
    <a href="Home_Menu.php"><b><font size="+2">Back</font></b></a>
</body>
</html>

Tag : PHP

ประวัติการแก้ไข
2013-05-28 13:08:06
2013-05-28 15:59:59

Date : 2013-05-28 13:01:53

By : fanciful

View : 952

Reply : 1

No. 1

Guest

ตัวอย่าง ลองดูครับ แต่ต้องไปแก้ที่ Form 2 หน่อยครับ

************* Form 1

<?php
$hostname = "localhost"; //ชื่อโฮสต์
$user = "root"; //ชื่อผู้ใช้
$password = ""; //รหัสผ่าน
$dbname = "test"; //ชื่อฐานข้อมูล
// เริ่มติดต่อฐานข้อมูล
mysql_connect($hostname, $user, $password) or die("ติดต่อฐานข้อมูลไม่ได้");
mysql_select_db($dbname) or die("เลือกฐานข้อมูลไม่ได้");
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> Form1 </TITLE>
<script language="javascript">
function fncChange(_val){
if(_val != ""){
document.fmsched.target = "ifupdate";
document.fmsched.method = "post";
document.fmsched.action = "test2.php?id="+_val;
document.fmsched.submit();
}
}
</script>
</HEAD>
<BODY>
<table width="824" height="500">
<tr>
<td height="100" bgcolor="#0000FF"></td>
</tr>
<tr>
<td><div align="center">
<form action="" name="fmsched" method="post">
<p>
<label>ID Subject : </label>
<select id="subject" onChange="fncChange(this.value)">
<option value="nothing" selected>Select</option>
<?php
$sqlsch = "SELECT * FROM schedule";
$dbquerysch = mysql_query($sqlsch);
while($objResultsub = mysql_fetch_array($dbquerysub))
{
?>
<option value=<?=$objResultsub[0];?>><?=$objResultsub[0];?></option>
<?}?>
</select>
</p>
<p><label>ID Section : </label>
<select name="section" id="section">
<option value="nothing" selected>Select</option>
</select>
</p>
<p>
<label>Location : </label>
<input type="text" id="locsproom" name="locsproom">
</p>
<p>
<label>Room : </label>
<input type="text" id="room" name="room">
</p>
<p>
<input type="submit" id="submit" value="submit">
</p>
</form></div>
</td>
</tr>
</table>
<a href="Home_Menu.php"><b><font size="+2">Back</font></b></a>
<iframe name="ifupdate" width="800" height="300" style="display:none"></iframe>
</BODY>
</HTML>

************* Form 2

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> Form2 </TITLE>
</HEAD>
<BODY>
<?php
$hostname = "localhost"; //ชื่อโฮสต์
$user = "root"; //ชื่อผู้ใช้
$password = ""; //รหัสผ่าน
$dbname = "test"; //ชื่อฐานข้อมูล
// เริ่มติดต่อฐานข้อมูล
mysql_connect($hostname, $user, $password) or die("ติดต่อฐานข้อมูลไม่ได้");
mysql_select_db($dbname) or die("เลือกฐานข้อมูลไม่ได้");

$id = $_REQUEST["id"];

if($id != ""){

$arrValue = "";
$sqlsec = "SELECT * FROM section where id=".$id; // where case
$rs = mysql_query($sqlsec) or die ("Error Query [".$sql_code."]");
while ($objResult = mysql_fetch_array($rs)){
if($arrValue != "")$arrValue.= ",";
$arrValue .= $objResult["value"];
}

if($arrValue != ""){
?>
<script language="javascript">
var newElem;
var where = (navigator.appName == "Microsoft Internet Explorer") ? -1 : null;
var _arr="<?=$arrValue;?>";
var _arrValue = _arr.split(",");
var PChooser = parent.document.fmsched.elements["section"];
while (PChooser.options.length) {
PChooser.remove(0);
}

newElem = document.createElement("option");
newElem.text = "---select---";
newElem.value = "";
PChooser.add(newElem, where);

for (var i = 0; i < _arrValue.length; i++) {
newElem = document.createElement("option");
newElem.text = _arrValue[i];
newElem.value =_arrValue[i];
PChooser.add(newElem, where);
}
</script>
<?php
}

}
?>
</BODY>
</HTML>

Date : 2013-05-29 14:05:48

By : thep

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : สอบถามเรื่อง dropdown list โดยการ select dropdown ก่อนแล้วจึงมีข้อมูลของ dropdownอันที่สอง

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)

Registered : 109,038

document.write("<font color=996600>[PHP]</font>"); สอบถามเรื่อง dropdown list โดยการ select dropdown ก่อนแล้วจึงมีข้อมูลของ dropdownอันที่สอง

No. 1

ค้นหาข้อมูล

อัพโหลดแทรกรูปภาพ

Notice

สอบถามเรื่อง dropdown list โดยการ select dropdown ก่อนแล้วจึงมีข้อมูลของ dropdownอันที่สอง