Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,037

HOME > PHP > PHP Forum > อยากสอบถามเรื่องการ เลือก CheckBox แล้วค่าใน DropDownList (2 ชั้น) เปลี่ยนค่ะ



 

อยากสอบถามเรื่องการ เลือก CheckBox แล้วค่าใน DropDownList (2 ชั้น) เปลี่ยนค่ะ

 



Topic : 075474



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



สถานะออฟไลน์




จาก Code DropDownlist อันนี้......................[ เราทำการเพิ่มส่วนของ Script เข้าไปค่ะ เพราะต้องการ 3 form]

ในส่วนของ Script สามอำเภอค่ะ 
<script language = "JavaScript">
//**** ListAmphur (Start) ***//
function ListAmphur(SelectValue)
{
dateform.amphur.length = 0;

var myOption = new Option(); 
/*dateform.amphur.options[dateform.amphur.length]= myOption*/

<?
$intRows = 0;
$strSQL = "SELECT * FROM amphur ORDER BY provinceID ASC ";
$objQuery = mysql_query($strSQL) or die ("Error Query [".$strSQL."]");
/*$intRows = 0; */
while($objResult = mysql_fetch_array($objQuery))
{
/*$intRows++;*/
?>          

			x = <?=$intRows;?>;
			mySubList = new Array();

			strGroup = "<?=$objResult["provinceID"];?>";
			strValue = "<?=$objResult["id"];?>";
			strItem = "<?=$objResult["name"];?>";
			mySubList[x,0] = strItem;
			mySubList[x,1] = strGroup;
			mySubList[x,2] = strValue;
					if (mySubList[x,1] == SelectValue){
						var myOption = new Option(mySubList[x,0]) 
						dateform.amphur.options[dateform.amphur.length]= myOption ;               
					}
		<?
}
		?>                                                                  
}
//**** ListAmphur (End) ***//
</script>


<script language = "JavaScript">
//**** ListAmphur1 (Start) ***//

function ListAmphur1(SelectValue1)
{
			dateform2.amphur1.length;

			var myOption1 = new Option() 
			/*dateform2.amphur1.options[dateform2.amphur1.length]= myOption1*/

<?
			$intRows1 = 0;
			$strSQL1 = "SELECT * FROM amphur ORDER BY provinceID ASC ";
			$objQuery1 = mysql_query($strSQL1) or die ("Error Query [".$strSQL1."]");
			while($objResult1 = mysql_fetch_array($objQuery1))
			{

/*$intRows1++;*/
?>          

		x = <?=$intRows1;?>;
		mySubList1 = new Array();

		strGroup1 = "<?=$objResult1["provinceID"];?>";
		strValue1 = "<?=$objResult1["id"];?>";
		strItem1 = "<?=$objResult1["name"];?>";
		mySubList1[x,0] = strItem1;
		mySubList1[x,1] = strGroup1;
		mySubList1[x,2] = strValue1;
			if (mySubList1[x,1] == SelectValue1){
				var myOption1 = new Option(mySubList1[x,0]) 
				dateform2.amphur1.options[dateform2.amphur1.length]= myOption1;                 
				
		}

<?
}
?>
}

//**** ListAmphur1 (End) ***//
</script>

<script language = "JavaScript">

//**** ListAmphur2 (Start) ***//

function ListAmphur2(SelectValue2)
{
			dateform5.amphur2.length;

			var myOption2 = new Option() 
			/*dateform5.amphur2.options[dateform5.amphur2.length]= myOption2*/

<?
$intRows2 = 0;
$strSQL2 = "SELECT * FROM amphur ORDER BY provinceID ASC ";
$objQuery2 = mysql_query($strSQL2) or die ("Error Query [".$strSQL2."]");
/*$intRows2 = 0;*/
while($objResult2 = mysql_fetch_array($objQuery2))
{

/*$intRows2++;*/
?>          

x = <?=$intRows2;?>;
mySubList2 = new Array();

strGroup2 = "<?=$objResult2["provinceID"];?>";
strValue2 = "<?=$objResult2["id"];?>";
strItem2 = "<?=$objResult2["name"];?>";
mySubList2[x,0] = strItem2;
mySubList2[x,1] = strGroup2;
mySubList2[x,2] = strValue2;
if (mySubList2[x,1] == SelectValue2){
var myOption2 = new Option(mySubList2[x,0], mySubList2[x,1]) 
dateform5.amphur2.options[dateform5.amphur2.length]= myOption2;              
}
<?
}
?>
}
//**** ListAmphur2 (End) ***//
</script>


ส่วนนี้เป็น Script ของการเลือก Checkbox แล้วเปลี่ยนค่าใน DropDownList ค่ะ

<script language="JavaScript">
<!-- 
function enable_text()
{

	
if (document.dateform2.chkbox.checked) {

		document.dateform2.province1.value=document.dateform.province.value;
		document.dateform2.amphur1.value = document.dateform.amphur.value;

}
if (!document.dateform2.chkbox.checked) {
		document.dateform2.province1.value='';
		document.dateform2.amphur1.value = '';
}

if(document.dateform5.chkbox2.checked){


		document.dateform5.province2.value=document.dateform.province.value;
		document.dateform5.amphur2.value=document.dateform.amphur.value;
		
}
	if (!document.dateform5.chkbox2.checked) {
		document.dateform5.province2.value='';
		document.dateform5.amphur2.value='';
	}
}
//-->
</script>



Code (PHP)
<?
			$objConnect = mysql_connect("localhost","root","1234") or die("Error Connect to Database");
			$objDB = mysql_select_db("dblearning");
			@mysql_query("SET NAMES UTF8");
?>
<!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>

<body>
 <!-- *********************************************************************************************************** -->
  <form name = "dateform" action="" method="post">
<select id="province" name="province" style="height:25px;background-color:#66CCFF;"  onChange = "ListAmphur(this.value)">
<option selected ="selected">[กรุณาเลือก...]</option>
<?
$strSQL = "SELECT * FROM province ORDER BY province_id ASC ";
$objQuery = mysql_query($strSQL) or die ("Error Query [".$strSQL."]");
while($objResult = mysql_fetch_array($objQuery))
{
?>
<option value="<?=$objResult["province_id"];?>"><?=$objResult["province_name"];?></option>
<?
}
?>
</select>
<label>
<select id="amphur" name="amphur" style="height:25px;background-color:#66CCFF;">
  <option select="">[กรุณาเลือก...]</option>
</select>
</label>
<div align="left"><span class="style110">
                    <label></label>
                  </span>
    <label></label>
</div></form>
 <!-- ************************************************************************************************************* -->   
<form name = "dateform2" action ="" method ="post">  
             <input type="checkbox" name="chkbox" id="chkbox" onclick="enable_text()"/>
                       <select id="province1" name="province1" style="height:25px;background-color:#66CCFF;" onchange="ListAmphur1(this.value)">
                        <option selected ="selected">[กรุณาเลือก...]</option>
                        <?
						$strSQL1 = "SELECT * FROM province ORDER BY province_id ASC ";
						$objQuery1 = mysql_query($strSQL1) or die ("Error Query [".$strSQL1."]");
							while($objResult1 = mysql_fetch_array($objQuery1))
							{
				?>
                        <option value="<?=$objResult1["province_id"];?>">
                          <?=$objResult1["province_name"];?>
                        </option>
                        <?
					}
				?>
                      </select>
                       <span class="style57">
                       <select id="amphur1" name="amphur1" style="height:25px;background-color:#66CCFF;">
                         <option select="">[กรุณาเลือก...]</option>
                       </select>
                       </span>
</form>
  
 <!-- *************************************************************************************************************** -->
  
                      
<form name = "dateform5" action="" method="post">
<input type="checkbox" name="chkbox2" id="chkbox2" onclick="enable_text()"/>
<select id="province2" name="province2" style="height:25px;background-color:#66CCFF" onclick="ListAmphur2(this.value)">
			<option selected ="selected">[กรุณาเลือก...]</option>
				<?
						$strSQL2 = "SELECT * FROM province ORDER BY province_id ASC ";
						$objQuery2 = mysql_query($strSQL2) or die ("Error Query [".$strSQL2."]");
							while($objResult2 = mysql_fetch_array($objQuery2))
							{
				?>
						<option value="<?=$objResult2["province_id"];?>"><?=$objResult2["province_name"];?> </option>
				<?
					}
				?>
</select> 

 <select id="amphur2" name="amphur2" style="height:25px;background-color:#66CCFF"  >
                        <option select="">[กรุณาเลือก...]</option>

                      </select>
</form>
 <!-- ************************************************************************************************* -->
</body>
</html>
<?
	mysql_close($objConnect);
?>



จาก Code ผลลัพธ์ที่ได้เป็นรูปนี้ค่ะ
ผลลัพธ์ที่ได้


ส่วนอันนี้เป็นผลลัพธ์ที่ได้เมื่อทำการ Check
ผลลัพธ์จากการ Check


ส่วนนี้เป็น Database ของเราค่ะ
http://file2.uploadfile.biz/i/IXEXMEIMINXNEZ

คือเราทำให้ตัวอำเภอเปลี่ยนไม่ได้ค่ะ นั่งทำมาทั้งวันแล้วไม่รู้จริง ๆ ค่ะ คิดว่าน่าจะมีอะไรผิดนิดเดียวแต่นั่งแก้หลายรอบแล้ว รบกวนพี่ ๆ น้อง ๆ ช่วยดูให้หน่อยนะคะ ขอบคุณมากๆๆๆๆๆๆๆๆๆๆๆๆๆๆค่ะ



Tag : PHP, HTML/CSS, JavaScript






Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2012-03-13 17:31:41 By : noon_ View : 2321 Reply : 2
 

 

No. 1



โพสกระทู้ ( 74,058 )
บทความ ( 838 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter Facebook

Code (JavaScript)
				var objProvince=document.frmMain.ddlProvince;
				for (x=0;x<objProvince.length;x++)
				{
					if (objProvince.options[x].value=="<?=$strProvince?>")
					{
						objProvince.options[x].selected = true;
						break;
					}
				}


ดัดแปลงเอาครับ ทำได้ไม่ยากครับ

Dependant List Menu และการกำหนดค่า Default Selected Item (PHP+MySQL)


แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-03-14 06:47:19 By : webmaster
 


 

No. 2



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



สถานะออฟไลน์


คือว่ามันขึ้นอยู่กับตัว checkbox ค่ะ เราเอา code ที่คุณ mr.win ส่งมาให้ ไปไว้ในส่วนนี้ค่ะ แต่อำเภอก็ยังไม่เปลี่ยนเหมือนเดิมค่ะ ToT เหอะ ๆ เลยอยากทราบว่าต้องนำ code ไปไว้ตรงไหนถึงจะถูกต้องคะ ???

Code (JavaScript)
<script type="text/javascript">
function enable_text()
{
				if(document.dateform2.chkbox.checked){

					document.dateform2.province1.value=document.dateform.province.value;
					
					var  objAmphur = document.dateform.amphur;
					var objAmphur1 = document.dateform2.amphur1;
 
					for(x=0;x<objAmphur.length;x++){
							if(objAmphur.options[x].value = objAmphur1.options[x].value){
								objAmphur.options[x].selected = true;
								break;
							}
					}  
						
						ListAmphur1(objAmphur1)
				}

}
</script>



ประวัติการแก้ไข
2012-03-14 11:18:52
2012-03-14 11:20:50
2012-03-14 11:37:01
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-03-14 11:14:57 By : noon_
 

   

ค้นหาข้อมูล
   
 

แสดงความคิดเห็น
Re : อยากสอบถามเรื่องการ เลือก CheckBox แล้วค่าใน DropDownList (2 ชั้น) เปลี่ยนค่ะ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
 Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

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

Notice

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

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 05
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2024 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่