[PHP] สอบถามปัญหาเรื่องเกี่ยวกับการสร้าง Dependent List Menu เลือกข้อมูลจังหวัด แล้วจะแสดงข้อมูลรายชื่ออำเภอ และข้อมูลรายชื่อตำบล
จากหัวข้อกระทู้เรื่อง การสร้าง Dependent ListMenu เลือกข้อมูลหลักและข้อมูลย่อยเปลี่ยนตามหัวข้อหลัก
Quote:
และหัวข้อกระทู้เรื่อง [PHP] Dependent List Menu และการกำหนดค่า Default Selected Item (PHP+MySQL)
Quote:
ในตอนนี้ผมได้สร้างฐานข้อมูลจำนวน 3 ฐานข้อมูลด้วยกัน ได้แก่
1) ฐานข้อมูล district เก็บข้อมูลตำบล/แขวง ในประเทศไทย (districtID,districtCode,districtName,amphurID,provinceID)
2) ฐานข้อมูล amphur เก็บข้อมูลอำเภอ/เขต ในประเทศไทย (amphurID,amphurCode,amphurName,provinceID)
3) ฐานข้อมูล province เก็บข้อมูลจังหวัดในประเทศไทย (provinceID,provinceCode,provinceName)
ไฟล์ฐานข้อมูลที่ผมสร้างเอาไว้
Quote:
และผมได้สร้างเว็บ PHP ในเรื่องของ Dependent List Menu เมื่อเลือกข้อมูลจังหวัด แล้วจะแสดงข้อมูลรายชื่ออำเภอ และข้อมูลรายชื่อตำบลตามลำดับ ดังนี้
Code (PHP)
<?php
$serverName = "localhost";
$userName = "root";
$userPassword = "RocketSQL";
$dbName = "thaidb";
$objConnect = mysqli_connect($serverName,$userName,$userPassword,$dbName);
$objQuery = mysqli_query($objConnect,"SET NAMES UTF8");
if (!$objConnect){
echo $objConnect->connect_error;
exit();
}
?>
<!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 language="JavaScript">
//**** List Amphur (Begin) ****//
function ListAmphur(SelectValue)
{
frmMain.ddlAmphur.length = 0
frmMain.ddlDistrict.length = 0
//*** Insert null Default Value ***///
var myOption = new Option('','')
frmMain.ddlAmphur.options[frmMain.ddlAmphur.length] = myOption
<?php
$intRows = 0;
$strSQL = "SELECT * FROM amphur ORDER BY amphurID ASC ";
$objQuery = mysqli_query($strSQL);
$intRows = 0;
while($objResult = mysqli_fetch_array($objQuery))
{
$intRows++;
?>
x = <?php echo $intRows;?>;
mySubList = new Array();
strGroup = <?php echo $objResult["provinceID"];?>;
strValue = "<?php echo $objResult["amphurID"];?>";
strItem = "<?php echo $objResult["amphurName"];?>";
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.ddlAmphur.options[frmMain.ddlAmphur.length] = myOption
}
<?php
}
?>
}
//**** List Amphur (End) ****//
//**** List District (Begin) ****//
function ListDistrict(SelectValue)
{
frmMain.ddlDistrict.length = 0
//*** Insert null Default Value ***///
var myOption = new Option('','')
frmMain.ddlDistrict.options[frmMain.ddlDistrict.length] = myOption
<?php
$intRows = 0;
$strSQL = "SELECT * FROM district ORDER BY districtID ASC ";
$objQuery = mysqli_query($strSQL);
$intRows = 0;
while($objResult = mysqli_fetch_array($objQuery))
{
$intRows++;
?>
x = <?php echo $intRows;?>;
mySubList = new Array();
strGroup = <?php echo $objResult["districtID"];?>;
strValue = "<?php echo $objResult["amphurID"];?>";
strItem = "<?php echo $objResult["districtName"];?>";
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.ddlDistrict.options[frmMain.ddlDistrict.length] = myOption;
}
<?php
}
?>
}
//**** List District(End) ****//
</script>
</head>
<body onload="setDefault()">
<script language="JavaScript">
function setDefault()
{
<?php
/*** ค่า Default ที่ได้จากการจัดเก็บ ***/
$strProvince = "20";
$strAmphur= "252";
$strDistrict = "500";
?>
<?php
/*** Default Province ***/
if($strProvince != "")
{
?>
var objProvince = document.frmMain.ddlProvince;
for (x=0;x<objProvince.length;x++)
{
if (objProvince.options[x].value=="<?=$strProvince?>")
{
objProvince.options[x].selected = true;
break;
}
}
ListAmphur(<?=$strProvince;?>)
<?php
}
?>
<?php
/*** Default Amphur ***/
if($strAmphur != "")
{
?>
var objAmphur = document.frmMain.ddlAmphur;
for (x=0;x<objAmphur.length;x++)
{
if (objAmphur.options[x].value=="<?=$strAmphur?>")
{
objAmphur.options[x].selected = true;
break;
}
}
ListDistrict(<?=$strAmphur;?>)
<?php
}
?>
<?php
/*** Default District ***/
if($strDistrict != "")
{
?>
var objDistrict = document.frmMain.ddlDitrict;
for (x=0;x<objDistrict.length;x++)
{
if (objDistrict.options[x].value=="<?=$strDistrict?>")
{
objDistrict.options[x].selected = true;
break;
}
}
<?php
}
?>
}
</script>
<form name="frmMain" action="" method="post">
<p>ตำบล/แขวง :
<select id="ddlDistrict" name="ddlDistrict" style="width:100px">
</select>
</p>
<p>อำเภอ/เขต :
<select id="ddlAmphur" name="ddlAmphur" style="width:100px" onChange="ListDistrict(this.value)">
</select>
</p>
<p>จังหวัด :
<select id="ddlProvince" name="ddlProvince" style="width:120px" onChange="ListAmphur(this.value)">
<option selected value=""></option>
<?php
$strSQL = "SELECT * FROM province ORDER BY provinceID ASC ";
$objQuery = mysqli_query($strSQL);
while($objResult = mysqli_fetch_array($objQuery))
{
?>
<option value="<?php echo $objResult["provinceID"];?>"><?php echo $objResult["provinceName"];?></option>
<?php
}
?>
</select>
</p>
</form>
</body>
</html>
และเมื่อนำเว็บนี้ไปรันบน Web Browser ผลปรากฏว่า รันได้ตามปกติ แต่ไม่แสดงรายชื่อจังหวัด อำเภอ หรือตำบลใดๆ จากฐานข้อมูลเลย
อยากจะสอบถามสมาชิกทุกท่านว่า ปัญหานี้เกิดจากอะไรครับ แล้วพอจะมีแนวทางแก้ปัญหานี้ได้หรือไม่ครับTag : PHP, MySQL
ประวัติการแก้ไข 2016-04-12 11:19:27 2016-04-12 11:20:45
Date :
2016-04-12 11:18:24
By :
Rocket
View :
1341
Reply :
7
ลอง View Source ในหน้า Web Browser ดูครับ มัน Generate พวกรายชื่อจาก MySQL ออกมาหรือเปล่าครับ
Date :
2016-04-12 13:07:27
By :
mr.win
นั่นแหละสาเหตุครับ
Date :
2016-04-12 14:16:28
By :
mr.win
ตอนนี้ผมได้ทำการแก้โค้ด PHP แล้ว และได้ทำการรันหน้าเว็บใน Web Browser ผลปรากฎว่า เว็บได้ทำการ Generate โค้ดจากฐานข้อมูล MySQL แล้ว ดังภาพ
โค้ดเว็บ PHP ที่แก้แล้ว
Code (PHP)
<?php
$serverName = "localhost";
$userName = "root";
$userPassword = "RocketSQL";
$dbName = "thaidb";
$objConnect = mysqli_connect($serverName,$userName,$userPassword,$dbName);
$objQuery = mysqli_query($objConnect,"SET NAMES UTF8");
if (!$objConnect){
echo $objConnect->connect_error;
exit();
}
?>
<!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 language="JavaScript">
//**** List Amphur (Begin) ****//
function ListAmphur(SelectValue)
{
frmMain.ddlAmphur.length = 0
frmMain.ddlDistrict.length = 0
//*** Insert null Default Value ***///
var myOption = new Option('','')
frmMain.ddlAmphur.options[frmMain.ddlAmphur.length] = myOption
<?php
$intRows = 0;
$strSQL = "SELECT * FROM amphur ORDER BY amphurID ASC ";
$objQuery = mysqli_query($objConnect,$strSQL);
$intRows = 0;
while($objResult = mysqli_fetch_array($objQuery))
{
$intRows++;
?>
x = <?php echo $intRows;?>;
mySubList = new Array();
strGroup = <?php echo $objResult["provinceID"];?>;
strValue = "<?php echo $objResult["amphurID"];?>";
strItem = "<?php echo $objResult["amphurName"];?>";
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.ddlAmphur.options[frmMain.ddlAmphur.length] = myOption
}
<?php
}
?>
}
//**** List Amphur (End) ****//
//**** List District (Begin) ****//
function ListDistrict(SelectValue)
{
frmMain.ddlDistrict.length = 0
//*** Insert null Default Value ***///
var myOption = new Option('','')
frmMain.ddlDistrict.options[frmMain.ddlDistrict.length] = myOption
<?php
$intRows = 0;
$strSQL = "SELECT * FROM district ORDER BY districtID ASC ";
$objQuery = mysqli_query($objConnect,$strSQL);
$intRows = 0;
while($objResult = mysqli_fetch_array($objQuery))
{
$intRows++;
?>
x = <?php echo $intRows;?>;
mySubList = new Array();
strGroup = <?php echo $objResult["amphurID"];?>;
strValue = "<?php echo $objResult["districtID"];?>";
strItem = "<?php echo $objResult["districtName"];?>";
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.ddlDistrict.options[frmMain.ddlDistrict.length] = myOption;
}
<?php
}
?>
}
//**** List District(End) ****//
</script>
</head>
<body onload="setDefault()">
<script language="JavaScript">
function setDefault()
{
<?php
/*** ค่า Default ที่ได้จากการจัดเก็บ ***/
$strProvince = "0";
$strAmphur= "0";
$strDistrict = "0";
?>
<?php
/*** Default Province ***/
if($strProvince != "")
{
?>
var objProvince = document.frmMain.ddlProvince;
for (x=0;x<objProvince.length;x++)
{
if (objProvince.options[x].value=="<?=$strProvince?>")
{
objProvince.options[x].selected = true;
break;
}
}
ListAmphur(<?=$strProvince;?>)
<?php
}
?>
<?php
/*** Default Amphur ***/
if($strAmphur != "")
{
?>
var objAmphur = document.frmMain.ddlAmphur;
for (x=0;x<objAmphur.length;x++)
{
if (objAmphur.options[x].value=="<?=$strAmphur?>")
{
objAmphur.options[x].selected = true;
break;
}
}
ListDistrict(<?=$strAmphur;?>)
<?php
}
?>
<?php
/*** Default District ***/
if($strDistrict != "")
{
?>
var objDistrict = document.frmMain.ddlDitrict;
for (x=0;x<objDistrict.length;x++)
{
if (objDistrict.options[x].value=="<?=$strDistrict?>")
{
objDistrict.options[x].selected = true;
break;
}
}
<?php
}
?>
}
</script>
<form name="frmMain" action="" method="post">
<p>ตำบล/แขวง :
<select id="ddlDistrict" name="ddlDistrict" style="width:150px" >
</select>
</p>
<p>อำเภอ/เขต :
<select id="ddlAmphur" name="ddlAmphur" style="width:150px" onChange="ListDistrict(this.value)">
</select>
</p>
<p>จังหวัด :
<select id="ddlProvince" name="ddlProvince" style="width:150px" onChange="ListAmphur(this.value)">
<option selected value=""></option>
<?php
$strSQL = "SELECT * FROM province ORDER BY provinceID ASC ";
$objQuery = mysqli_query($objConnect,$strSQL);
while($objResult = mysqli_fetch_array($objQuery))
{
?>
<option value="<?php echo $objResult["provinceID"];?>"><?php echo $objResult["provinceName"];?></option>
<?php
}
?>
</select>
</p>
</form>
</body>
</html>
Date :
2016-04-12 14:21:03
By :
Rocket
Date :
2016-04-12 14:27:09
By :
mr.win
ตอนนี้ผมได้นำโค้ดเว็บ PHP ที่ได้แก้ไขแล้ว ไปประยุกต์ใช้ในการทำเว็บประเภทสมัครสมาชิก แต่ปรากฎว่า มีปัญหาเกิดขึ้นคือ เลือกข้อมูลจังหวัดได้เพียงอย่างเดียว ส่วนข้อมูลอำเภอ/เขต และข้อมูลตำบล/แขวง ไม่แสดงออกมา
โค้ด PHP บางส่วน (เนื่องจากโค้ดเยอะ)
Code (PHP)
<?php
$serverName = "localhost";
$userName = "root";
$userPassword = "RocketSQL";
$dbName = "thaidb";
$objConnect = mysqli_connect($serverName,$userName,$userPassword,$dbName);
$objQuery = mysqli_query($objConnect,"SET NAMES UTF8");
if (!$objConnect){
echo $objConnect->connect_error;
exit();
}
?>
<!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>
<title>ลงทะเบียนสมัครสมาชิก</title>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<link type="text/css" rel="stylesheet" href="css/stylesheet.css" />
<script language="JavaScript">
//**** List Amphur (Begin) ****//
function ListAmphur(SelectValue)
{
frmMain.ddlAmphur.length = 0
frmMain.ddlDistrict.length = 0
//*** Insert null Default Value ***///
var myOption = new Option('','')
frmMain.ddlAmphur.options[frmMain.ddlAmphur.length] = myOption
<?php
$intRows = 0;
$strSQL = "SELECT * FROM amphur ORDER BY amphurID ASC ";
$objQuery = mysqli_query($objConnect,$strSQL);
$intRows = 0;
while($objResult = mysqli_fetch_array($objQuery))
{
$intRows++;
?>
x = <?php echo $intRows;?>;
mySubList = new Array();
strGroup = <?php echo $objResult["provinceID"];?>;
strValue = "<?php echo $objResult["amphurID"];?>";
strItem = "<?php echo $objResult["amphurName"];?>";
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.ddlAmphur.options[frmMain.ddlAmphur.length] = myOption
}
<?php
}
?>
}
//**** List Amphur (End) ****//
//**** List District (Begin) ****//
function ListDistrict(SelectValue)
{
frmMain.ddlDistrict.length = 0
//*** Insert null Default Value ***///
var myOption = new Option('','')
frmMain.ddlDistrict.options[frmMain.ddlDistrict.length] = myOption
<?php
$intRows = 0;
$strSQL = "SELECT * FROM district ORDER BY districtID ASC ";
$objQuery = mysqli_query($objConnect,$strSQL);
$intRows = 0;
while($objResult = mysqli_fetch_array($objQuery))
{
$intRows++;
?>
x = <?php echo $intRows;?>;
mySubList = new Array();
strGroup = <?php echo $objResult["amphurID"];?>;
strValue = "<?php echo $objResult["districtID"];?>";
strItem = "<?php echo $objResult["districtName"];?>";
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.ddlDistrict.options[frmMain.ddlDistrict.length] = myOption;
}
<?php
}
?>
}
//**** List District(End) ****//
</script>
</head>
<body onload="setDefault()">
<script language="JavaScript">
function setDefault()
{
<?php
/*** ค่า Default ที่ได้จากการจัดเก็บ ***/
$strProvince = "0";
$strAmphur= "0";
$strDistrict = "0";
?>
<?php
/*** Default Province ***/
if($strProvince != "")
{
?>
var objProvince = document.frmMain.ddlProvince;
for (x=0;x<objProvince.length;x++)
{
if (objProvince.options[x].value=="<?=$strProvince?>")
{
objProvince.options[x].selected = true;
break;
}
}
ListAmphur(<?=$strProvince;?>)
<?php
}
?>
<?php
/*** Default Amphur ***/
if($strAmphur != "")
{
?>
var objAmphur = document.frmMain.ddlAmphur;
for (x=0;x<objAmphur.length;x++)
{
if (objAmphur.options[x].value=="<?=$strAmphur?>")
{
objAmphur.options[x].selected = true;
break;
}
}
ListDistrict(<?=$strAmphur;?>)
<?php
}
?>
<?php
/*** Default District ***/
if($strDistrict != "")
{
?>
var objDistrict = document.frmMain.ddlDitrict;
for (x=0;x<objDistrict.length;x++)
{
if (objDistrict.options[x].value=="<?=$strDistrict?>")
{
objDistrict.options[x].selected = true;
break;
}
}
<?php
}
?>
}
</script>
<form name="form1" method="post" action="" id="form1" role="formgroup">
<p align="left"><a class="list-group-item list-group-item-warning"><strong>ตอนที่ 1 : ข้อมูลสมาชิกใหม่</strong></a></p>
<table width="200" align="center" border="1" bordercolor="#CCCCCC" class="table table-condensed">
<div class="form-group">
<tbody>
<tr>
<td width="200" align="right" valign="top"><p><strong>ชื่อสมาชิก (Username) :</strong></p></td>
<td width="100" valign="top"><input name="txtUsername" type="text" id="txtUsername" size="30" maxlength="20">
(Username ควรมีความยาว 5-20 ตัวอักษร)</td>
</tr>
<tr>
<td align="right" valign="top"><p><strong>รหัสผ่าน (Password) :</strong></p></td>
<td valign="top"><input name="txtPassword" type="password" id="txtPassword" size="30" maxlength="20">
(Password ควรมีความยาว 5-30 ตัวอักษร)</td>
</tr>
<tr>
<td align="right" valign="top"><p><strong>ยืนยันรหัสผ่านอีกครั้ง (Confirm Password) :</strong></p></td>
<td valign="top"><input name="txtConPassword" type="password" id="txtConPassword" size="30" maxlength="20">
(กรอกรหัสผ่านอีกครั้ง)</td>
</tr>
<tr>
<td align="right" valign="top"><p><strong>อีเมล์ (E-mail) :</strong></p></td>
<td valign="top"><input name="txtEmail" type="text" id="txtEmail" size="30" maxlength="150"></td>
</tr>
<tr>
<td align="right" valign="top"><p><strong>สถานะ (Status) :</strong></p></td>
<td valign="top"><select name="selectTitle" id="selectTitle">
<option value="0">---กรุณาเลือกสถานะ---</option>
<option value="Admin">แอดมิน</option>
<option value="User">ผู้ใช้งาน</option>
</select></td>
</tr>
</tbody>
</div>
</table>
<p align="left"><a class="list-group-item list-group-item-warning"><strong>ตอนที่ 2 : ข้อมูลทั่วไป</strong></a></p>
<table width="200" align="center" border="1" bordercolor="#CCCCCC" class="table table-condensed">
<div class="form-group">
<tbody>
<tr>
<td width="200" align="right" valign="top"><p><strong>คำนำหน้าชื่อ :</strong></p></td>
<td width="100" valign="top"><select name="selectStatus" id="selectStatus">
<option value="0">---กรุณาเลือกคำนำหน้าชื่อ---</option>
<option value="นาย">นาย</option>
<option value="นางสาว">นางสาว</option>
<option value="นาง">นาง</option>
</select></td>
</tr>
<tr>
<td align="right" valign="top"><p><strong>ชื่อ (Name) :</strong></p></td>
<td valign="top"><input name="txtName" type="text" id="txtName" size="30" maxlength="50"></td>
</tr>
<tr>
<td align="right" valign="top"><p><strong>นามสกุล (Surname) :</strong></p></td>
<td valign="top"><input name="txtSurname" type="text" id="txtSurname" size="30" maxlength="50"></td>
</tr>
<tr>
<td align="right" valign="top"><p><strong>เพศ (Gender) :</strong></p></td>
<td valign="top"><select name="selectGender" id="selectGender">
<option value="0">---กรุณาเลือกเพศ---</option>
<option value="Male">ชาย</option>
<option value="Female">หญิง</option>
</select>
</td>
</tr>
<tr>
<td align="right" valign="top"><p><strong>วันเกิด (Birthday) :</strong></p></td>
<td valign="top"><input name="date" size="30">
<a href="javascript:displayDatePicker('date')"><img border="0" src="Image/formcal.gif" width="16" height="16"></a></td>
</tr>
<tr>
<td align="right" valign="top"><p><strong>เลขบัตรประจำตัวประชาชน :</strong></p></td>
<td valign="top"><input name="txtIDNumber" type="text" id="txtIDNumber" size="50" maxlength="20">
(ตัวอย่างเช่น 1-xxxx-xxxxx-xx-x)</td>
</tr>
<tr>
<td align="right" valign="top"><p><strong>เบอร์โทรศัพท์ (บ้าน) :</strong></p></td>
<td valign="top"><input name="txtTel" type="text" id="txtTel" size="50" maxlength="20">
(ตัวอย่างเช่น 02-xxxxxxx)</td>
</tr>
<tr>
<td align="right" valign="top"><p><strong>เบอร์โทรศัพท์ (มือถือ) :</strong></p></td>
<td valign="top"><input name="txtMobile" type="text" id="txtMobile" size="50" maxlength="20">
(ตัวอย่างเช่น 08x-xxxxxxx)</td>
</tr>
</tbody>
</div>
</table>
<p align="left"><a class="list-group-item list-group-item-warning"><strong>ตอนที่ 3 : ข้อมูลที่อยู่</strong></a></p>
<table width="200" align="center" border="1" bordercolor="#CCCCCC" class="table table-condensed">
<div class="form-group">
<tbody>
<tr>
<td width="200" align="right" valign="top"><p><strong>ที่อยู่ (Address) :</strong></p></td>
<td width="100" valign="top"><textarea name="txtAddress" cols="60" rows="5" id="txtAddress"></textarea></td>
</tr>
<tr>
<td align="right" valign="top"><p><strong>ตำบล/แขวง :</strong></p></td>
<td valign="top"><select name="ddlDistrict" id="ddlDistrict" style="width:150px"></select></td>
</tr>
<tr>
<td align="right" valign="top"><p><strong>อำเภอ/เขต :</strong></p></td>
<td valign="top"><select id="ddlAmphur" name="ddlAmphur" style="width:150px" onChange="ListDistrict(this.value)"></select></td>
</tr>
<tr>
<td align="right" valign="top"><p><strong>จังหวัด (Province) :</strong></p></td>
<td valign="top"><select id="ddlProvince" name="ddlProvince" style="width:150px" onChange="ListAmphur(this.value)">
<option selected value=""></option>
<?php
$strSQL = "SELECT * FROM province ORDER BY provinceID ASC ";
$objQuery = mysqli_query($objConnect,$strSQL);
while($objResult = mysqli_fetch_array($objQuery))
{
?>
<option value="<?php echo $objResult["provinceID"];?>"><?php echo $objResult["provinceName"];?></option>
<?php
}
?>
</select></td>
</tr>
<tr>
<td align="right" valign="top"><p><strong>รหัสไปรษณีย์ (Postal Code) :</strong></p></td>
<td valign="top"><input name="txtPostalCode" type="text" id="txtPostalCode" size="20" maxlength="5"></td>
</tr>
</tbody>
</div>
</table>
<p align="center"><strong><input name="btnSave" type="submit" id="btnSave" value="บันทึกข้อมูล" class="btn btn-info btn-md"></strong>
<strong><input name="btnCancel" type="reset" id="btnCancel" value="ยกเลิก" class="btn btn-danger btn-md"></strong></p>
</form>
</body>
</html>
<?php
mysqli_close($objConnect);
?>
Code PHP แบบเต็ม Quote:
ประวัติการแก้ไข 2016-04-13 05:50:52
Date :
2016-04-12 16:46:00
By :
Rocket
ตอนนี้ผมได้ทำการแก้ไขในส่วนของชื่อฟอร์ม จาก form1 เป็น frmMain ผลปรากฎว่า แสดงข้อมูลจังหวัด ข้อมูลอำเภอ/เขต และข้อมูลตำบล/แขวง จากฐานข้อมูล MySQL ได้แล้ว ดังภาพ
โค้ด PHP ที่แก้ไขแล้ว
Code (PHP)
<form name="frmMain" method="post" action="" id="frmMain" role="formgroup">
<p align="left"><a class="list-group-item list-group-item-warning"><strong>ตอนที่ 1 : ข้อมูลสมาชิกใหม่</strong></a></p>
<table width="200" align="center" border="1" bordercolor="#CCCCCC" class="table table-condensed">
<div class="form-group">
<tbody>
<tr>
<td width="200" align="right" valign="top"><p><strong>ชื่อสมาชิก (Username) :</strong></p></td>
<td width="100" valign="top"><input name="txtUsername" type="text" id="txtUsername" size="30" maxlength="20">
(Username ควรมีความยาว 5-20 ตัวอักษร)</td>
</tr>
<tr>
<td align="right" valign="top"><p><strong>รหัสผ่าน (Password) :</strong></p></td>
<td valign="top"><input name="txtPassword" type="password" id="txtPassword" size="30" maxlength="20">
(Password ควรมีความยาว 5-30 ตัวอักษร)</td>
</tr>
<tr>
<td align="right" valign="top"><p><strong>ยืนยันรหัสผ่านอีกครั้ง (Confirm Password) :</strong></p></td>
<td valign="top"><input name="txtConPassword" type="password" id="txtConPassword" size="30" maxlength="20">
(กรอกรหัสผ่านอีกครั้ง)</td>
</tr>
<tr>
<td align="right" valign="top"><p><strong>อีเมล์ (E-mail) :</strong></p></td>
<td valign="top"><input name="txtEmail" type="text" id="txtEmail" size="30" maxlength="150"></td>
</tr>
<tr>
<td align="right" valign="top"><p><strong>สถานะ (Status) :</strong></p></td>
<td valign="top"><select name="selectTitle" id="selectTitle">
<option value="0">---กรุณาเลือกสถานะ---</option>
<option value="Admin">แอดมิน</option>
<option value="User">ผู้ใช้งาน</option>
</select></td>
</tr>
</tbody>
</div>
</table>
<p align="left"><a class="list-group-item list-group-item-warning"><strong>ตอนที่ 2 : ข้อมูลทั่วไป</strong></a></p>
<table width="200" align="center" border="1" bordercolor="#CCCCCC" class="table table-condensed">
<div class="form-group">
<tbody>
<tr>
<td width="200" align="right" valign="top"><p><strong>คำนำหน้าชื่อ :</strong></p></td>
<td width="100" valign="top"><select name="selectStatus" id="selectStatus">
<option value="0">---กรุณาเลือกคำนำหน้าชื่อ---</option>
<option value="นาย">นาย</option>
<option value="นางสาว">นางสาว</option>
<option value="นาง">นาง</option>
</select></td>
</tr>
<tr>
<td align="right" valign="top"><p><strong>ชื่อ (Name) :</strong></p></td>
<td valign="top"><input name="txtName" type="text" id="txtName" size="30" maxlength="50"></td>
</tr>
<tr>
<td align="right" valign="top"><p><strong>นามสกุล (Surname) :</strong></p></td>
<td valign="top"><input name="txtSurname" type="text" id="txtSurname" size="30" maxlength="50"></td>
</tr>
<tr>
<td align="right" valign="top"><p><strong>เพศ (Gender) :</strong></p></td>
<td valign="top"><select name="selectGender" id="selectGender">
<option value="0">---กรุณาเลือกเพศ---</option>
<option value="Male">ชาย</option>
<option value="Female">หญิง</option>
</select>
</td>
</tr>
<tr>
<td align="right" valign="top"><p><strong>วันเกิด (Birthday) :</strong></p></td>
<td valign="top"><input name="date" size="30">
<a href="javascript:displayDatePicker('date')"><img border="0" src="Image/formcal.gif" width="16" height="16"></a></td>
</tr>
<tr>
<td align="right" valign="top"><p><strong>เลขบัตรประจำตัวประชาชน :</strong></p></td>
<td valign="top"><input name="txtIDNumber" type="text" id="txtIDNumber" size="50" maxlength="20">
(ตัวอย่างเช่น 1-xxxx-xxxxx-xx-x)</td>
</tr>
<tr>
<td align="right" valign="top"><p><strong>เบอร์โทรศัพท์ (บ้าน) :</strong></p></td>
<td valign="top"><input name="txtTel" type="text" id="txtTel" size="50" maxlength="20">
(ตัวอย่างเช่น 02-xxxxxxx)</td>
</tr>
<tr>
<td align="right" valign="top"><p><strong>เบอร์โทรศัพท์ (มือถือ) :</strong></p></td>
<td valign="top"><input name="txtMobile" type="text" id="txtMobile" size="50" maxlength="20">
(ตัวอย่างเช่น 08x-xxxxxxx)</td>
</tr>
</tbody>
</div>
</table>
<p align="left"><a class="list-group-item list-group-item-warning"><strong>ตอนที่ 3 : ข้อมูลที่อยู่</strong></a></p>
<table width="200" align="center" border="1" bordercolor="#CCCCCC" class="table table-condensed">
<div class="form-group">
<tbody>
<tr>
<td width="200" align="right" valign="top"><p><strong>ที่อยู่ (Address) :</strong></p></td>
<td width="100" valign="top"><textarea name="txtAddress" cols="60" rows="5" id="txtAddress"></textarea></td>
</tr>
<tr>
<td align="right" valign="top"><p><strong>ตำบล/แขวง :</strong></p></td>
<td valign="top"><select name="ddlDistrict" id="ddlDistrict" style="width:150px"></select></td>
</tr>
<tr>
<td align="right" valign="top"><p><strong>อำเภอ/เขต :</strong></p></td>
<td valign="top"><select id="ddlAmphur" name="ddlAmphur" style="width:150px" onChange="ListDistrict(this.value)"></select></td>
</tr>
<tr>
<td align="right" valign="top"><p><strong>จังหวัด (Province) :</strong></p></td>
<td valign="top"><select id="ddlProvince" name="ddlProvince" style="width:150px" onChange="ListAmphur(this.value)">
<option selected value=""></option>
<?php
$strSQL = "SELECT * FROM province ORDER BY provinceID ASC ";
$objQuery = mysqli_query($objConnect,$strSQL);
while($objResult = mysqli_fetch_array($objQuery))
{
?>
<option value="<?php echo $objResult["provinceID"];?>"><?php echo $objResult["provinceName"];?></option>
<?php
}
?>
</select></td>
</tr>
<tr>
<td align="right" valign="top"><p><strong>รหัสไปรษณีย์ (Postal Code) :</strong></p></td>
<td valign="top"><input name="txtPostalCode" type="text" id="txtPostalCode" size="20" maxlength="5"></td>
</tr>
</tbody>
</div>
</table>
<p align="center"><strong><input name="btnSave" type="submit" id="btnSave" value="บันทึกข้อมูล" class="btn btn-info btn-md"></strong>
<strong><input name="btnCancel" type="reset" id="btnCancel" value="ยกเลิก" class="btn btn-danger btn-md"></strong></p>
</form>
Date :
2016-04-13 06:04:19
By :
Rocket
Load balance : Server 00