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

Registered : 107,912

HOME > PHP > PHP Forum > Dependent DropDownList/ListMenu จังหวัด อำเภอ ตำบล USING JSON



 

Dependent DropDownList/ListMenu จังหวัด อำเภอ ตำบล USING JSON

 



Topic : 051357



โพสกระทู้ ( 1,242 )
บทความ ( 13 )

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

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



พอดีเห็นหลายๆ ท่านต้องการ dependent dropdownlist จังหวัด อำเภอ ตำบล

ผมได้เขียโค้ดนี้ด้วยย jQuery ajax ส่งข้อมูลแบบ JSON เพื่อให้ท่านใดที่มีความสนใจในเรื่องนี้ ได้ศึกษาต่อยอดได้

เพราะผมคิดว่า JSON เป็นรูปแบบการส่งข้อมูลที่น่าใช้มากๆ ตัวนึงเลยครับ ควรที่จะศึกษาเป็นอย่างยิ่ง
index.php
<?php
// Load jQuery library from google.
$jqLib = 'https://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js';

// Create connection connect to mysql database
$dbCon = mysql_connect('localhost', 'root', '1234') or die (mysql_error());

// Select database.
mysql_select_db('thailand', $dbCon) or die (mysql_error());

// Set encoding.
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>Dependent dropdownlist จังหวัด อำเภอ ตำบล</title>
<script type="text/javascript" src="<?php echo $jqLib; ?>"></script>
<script type="text/javascript">
 // Specify a function to execute when the DOM is fully loaded.
$(function(){
	var defaultOption = '<option value=""> ------- เลือก ------ </option>';
	var loadingImage  = '<img src="images/loading4.gif" alt="loading" />';
	// Bind an event handler to the "change" JavaScript event, or trigger that event on an element.
	$('#selProvince').change(function() {
		$("#selAmphur").html(defaultOption);
		$("#selTumbon").html(defaultOption);
		// Perform an asynchronous HTTP (Ajax) request.
		$.ajax({
			// A string containing the URL to which the request is sent.
			url: "jsonAction.php",
			// Data to be sent to the server.
			data: ({ nextList : 'amphur', provinceID: $('#selProvince').val() }),
			// The type of data that you're expecting back from the server.
			dataType: "json",
			// beforeSend is called before the request is sent
			beforeSend: function() {
				$("#waitAmphur").html(loadingImage);
			},
			// success is called if the request succeeds.
			success: function(json){
				$("#waitAmphur").html("");
				// Iterate over a jQuery object, executing a function for each matched element.
				$.each(json, function(index, value) {
					// Insert content, specified by the parameter, to the end of each element
					// in the set of matched elements.
					 $("#selAmphur").append('<option value="' + value.AMPHUR_ID + 
											'">' + value.AMPHUR_NAME + '</option>');
				});
			}
		});
	});
	
	$('#selAmphur').change(function() {
		$("#selTumbon").html(defaultOption);
		$.ajax({
			url: "jsonAction.php",
			data: ({ nextList : 'tumbon', amphurID: $('#selAmphur').val() }),
			dataType: "json",
			beforeSend: function() {
				$("#waitTumbon").html(loadingImage);
			},
			success: function(json){
				$("#waitTumbon").html("");
				$.each(json, function(index, value) {
					 $("#selTumbon").append('<option value="' + value.DISTRICT_ID + 
											'">' + value.DISTRICT_NAME + '</option>');
				});
			}
		});
	});
});
</script>
<style type="text/css">
	body {
		font-family: Verdana, Geneva, sans-serif;
		font-size: 13px;
	}
</style>
</head>

<body>
	<label>จังหวัด : </label>
    <select id="selProvince">
    	<option value=""> ------- เลือก ------ </option>
        <?php
			$result = mysql_query("
				SELECT
					PROVINCE_ID,
					PROVINCE_NAME
				FROM 
					province
				ORDER BY CONVERT(PROVINCE_NAME USING TIS620) ASC;
			");
			
			while($row = mysql_fetch_assoc($result)){
				echo '<option value="', $row['PROVINCE_ID'], '">', $row['PROVINCE_NAME'],'</option>';
			}
		?>
    </select>
        
    <label>อำเภอ : </label>
    <select id="selAmphur">
    	<option value=""> ------- เลือก ------ </option>
    </select><span id="waitAmphur"></span>
    
    <label>ตำบล : </label>
    <select id="selTumbon">
    	<option value=""> ------- เลือก ------ </option>
    </select><span id="waitTumbon"></span>
</body>
</html>



jsonAction.php
<?php
// Set delay 1 second. 
sleep(1);

// Create connection connect to mysql database
$dbCon = mysql_connect('localhost', 'root', '1234') or die (mysql_error());

// Select database.
mysql_select_db('thailand', $dbCon) or die (mysql_error());

// Set encoding.
mysql_query('SET NAMES UTF8');

// Next dropdown list.
$nextList = isset($_GET['nextList']) ? $_GET['nextList'] : '';

switch($nextList) {
	case 'amphur':
		$provinceID = isset($_GET['provinceID']) ? $_GET['provinceID'] : '';
		$result = mysql_query("
			SELECT
				AMPHUR_ID,
				AMPHUR_NAME
			FROM
				amphur
			WHERE PROVINCE_ID = '{$provinceID}'
			ORDER BY CONVERT(AMPHUR_NAME USING TIS620) ASC;
		");
		break;
	case 'tumbon':
		$amphurID = isset($_GET['amphurID']) ? $_GET['amphurID'] : '';
		$result = mysql_query("
			SELECT
				DISTRICT_ID,
				DISTRICT_NAME
			FROM
				district
			WHERE AMPHUR_ID = '{$amphurID}'
			ORDER BY CONVERT(DISTRICT_NAME USING TIS620) ASC;
		");
		break;
}

$data = array();
while($row = mysql_fetch_assoc($result)) {
	$data[] = $row;
}

// Print the JSON representation of a value
echo json_encode($data);
?>



Download Now!!

ปล. ถ้านำไปใช้แล้วมีปัญหาอะไร หรือต้องการอะไรเพิ่มเติมก็ comment ไว้นะครับ



Tag : PHP, MySQL, JavaScript, Ajax, jQuery









ประวัติการแก้ไข
2010-11-08 18:57:25
2010-11-08 18:58:44
2010-11-08 21:24:41
Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2010-11-08 18:55:52 By : DS_Ohm View : 48910 Reply : 69
 

 

No. 1



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

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

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

โอ๊ว ขอบคุณมาก ๆ ครับ






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2010-11-08 19:43:19 By : webmaster
 


 

No. 2



โพสกระทู้ ( 1,242 )
บทความ ( 13 )

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

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

ไม่เป็นไรครับพี่วิน ถือว่าแชร์ ๆ ความรู้และประสบการณ์ ตอนผมเริ่มเขียน ajax ผมก็ศึกษาจากที่นี่แหละครับ

เมื่อเขียนไปมีประสบการณ์เพิ่มก็เขียนโปรแกรมที่ใช้กันบ่อยๆ มาแชร์ต่อ

ผมพยายามเขียนให้สั้นและทำความเข้าใจง่ายที่สุด เพื่อให้คนที่เอาโค้ดไปใช้หรือศึกษาต่อยอดจะได้

ท่านใดต้องการศึกษา jQuery ก็ควรที่จะหัดอ่าน document ของ jQuery ให้เป็น
www.jquery.com
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2010-11-08 20:11:08 By : DS_Ohm
 

 

No. 3



โพสกระทู้ ( 1,126 )
บทความ ( 2 )



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


ขอบคุณครับ

ช่วงนี้ได้ยินคำว่า json บ่อยๆ

เริ่มอยากจะรู้ซ่ะแล้ว ว่ามันเป็นยังไง

ขอเก็บไปศึกษาด้วยคนน่ะครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2010-11-09 17:09:46 By : iieszz
 


 

No. 4



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



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


อยากทราบว่าทำอย่างไร ให้มันส่งค่าเป็นชื่อ จังหวัด อำเภอ ตำบล แทน ID
คืออยากให้มันเก็บเป็นชื่อ จังหวัด อำเภอ ตำบล ลงในฐานข้อมูล
รบกวนช่วยหน่อยครับ
ขอขอบคุณล่วงหน้าครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2010-12-04 17:12:06 By : dulloh
 


 

No. 5



โพสกระทู้ ( 1,242 )
บทความ ( 13 )

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

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

เปลี่ยน value ของตัว select เป็นชื่อ จังหวัด ตอน qeury ก็ WHERE PROVINCE_NAME

แต่ไม่แนะนำให้ทำแบบนี้ครับ เพราะว่าเวลาเปรียบเทียบในฐานข้อมูล เปรียบเทียบ int เร็วกว่า sting ครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2010-12-04 20:10:49 By : DS_Ohm
 


 

No. 6



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



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


ถ้าต้องการให้มันเก็บเป็นชื่อ จังหวัด อำเภอ ตำบล ลงในฐานข้อมูล
ต้องแก้โค้ดตรงไหนบ้างหรอครับ ผมดูแล้วไม่ค่อยรู้เรื่องเลย แต่จำเป็นต้องใช้ครับ
แล้วถ้าหากใช้เหมือนเดิมให้ส่งค่า ID แล้วเราจะรู้ชื่อของ จังหวัด อำเภอยังงัยครับ เวลาค้นหา ถ้าเป็น ID เราจะค้นหายังงัยครับ
ขอรบกวนช่วยหน่อยครับ
ขอบคุณล่วงหน้าครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2010-12-05 16:01:58 By : dulloh
 


 

No. 7



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



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


ลองแล้วพอเลือกจังหวัดมันรอๆผเรื่อยๆอ่ะครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2010-12-13 13:36:02 By : anue0159
 


 

No. 8



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



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


ต้องการ insert ค่าจาก textbox และก็เลือกจาก dropdownlist ลงในตารางนะึีึครับ ช่วยบอกหน่อยนะครับ
พึ่งหัดเขียน
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2010-12-23 10:57:11 By : Tokky
 


 

No. 9



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



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


พี่คะพอคลิ้กจังหวัดแล้ว ข้อมูลอำเภอไม่มาคะ ยังไงก็ขอบคุณมากคะ แต่ถ้าพี่มาตอบช่วยดูให้หน่อยนะคะ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-07-03 18:43:28 By : kattizz
 


 

No. 10



โพสกระทู้ ( 1,242 )
บทความ ( 13 )

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

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

ได้ทำการ import database หรือยังครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-07-04 13:23:23 By : Nautilus
 


 

No. 11



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



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


ทำไม่ได้อ่ะคะ TT มาแต่จังหวัด อำเภอไม่มา เหมือนมันจะไม่เข้าไปในคำสั่ง สวิตซ์เคสเลยอ่ะ


ประวัติการแก้ไข
2011-07-04 20:25:09
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-07-04 20:12:12 By : kattizz
 


 

No. 12



โพสกระทู้ ( 1,242 )
บทความ ( 13 )

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

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

ตอบความคิดเห็นที่ : 11 เขียนโดย : kattizz เมื่อวันที่ 2011-07-04 20:12:12
รายละเอียดของการตอบ ::
ตอนนี้ใช้ browser อะไรในการทดสอบ แนะนำให้ใช้ firefox แล้วลง add-on firebug เพื่อเช็ค parameter ที่ส่งจาก ajax และก็ response ที่ server ตอบกลับมาครับ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-07-05 13:41:53 By : Nautilus
 


 

No. 13



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



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


ทำได้แล้วคะขอบคุณมากๆๆๆๆๆๆๆๆ จะพยายามศึกษาให้มากขึ้น กำลังจะเขียนสร้างแอพพลิเคชั่นด้วยจะถามผู้รู้ในบอรืดนี้ขอบคุณมากๆๆนะคะ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-07-12 21:59:55 By : kattizz
 


 

No. 14



โพสกระทู้ ( 1,242 )
บทความ ( 13 )

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

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

ตอบความคิดเห็นที่ : 13 เขียนโดย : kattizz เมื่อวันที่ 2011-07-12 21:59:55
รายละเอียดของการตอบ ::
ความพยายามอยู่ที่ไหน ความสำเร็จอยู่ที่นั่น

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-07-15 21:15:18 By : Nautilus
 


 

No. 15

Guest


เอ่อคือลองทำแล้วมันเป็นภาษาอะไรก็ไม่รู้อ่าค่ะ มีวิธีแก้ไขไหมคะ งงมาก
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-08-02 22:00:02 By : nam
 


 

No. 16



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



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


พี่คะ กด submit แล้วจะทำให้ขึ้นรหัสของจังหวัด อำเภอ ตำบลอ่ะคะทำยังไง ช่วยบอกโค้ดส่งข้อมูล ให้แสดงรหัสด้วยนะคะ ขอบคุณล่วงหน้าคะ


ประวัติการแก้ไข
2011-08-14 22:02:32
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-08-14 21:17:13 By : kattizz
 


 

No. 17



โพสกระทู้ ( 1,242 )
บทความ ( 13 )

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

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

ตอบความคิดเห็นที่ : 16 เขียนโดย : kattizz เมื่อวันที่ 2011-08-14 21:17:13
รายละเอียดของการตอบ ::
เพิ่มชื่ออุปกรณ์ทุกตัว ตอนแรกพี่ไม่ได้ใส่ name

<select id="selProvince" name="province"></select>
<select id="selProvince" name="amphur"></select>
<select id="selProvince" name="tumbon"></select>


แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-08-15 08:40:10 By : Nautilus
 


 

No. 18



โพสกระทู้ ( 1,242 )
บทความ ( 13 )

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

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

ตอบความคิดเห็นที่ : 15 เขียนโดย : nam เมื่อวันที่ 2011-08-02 22:00:02
รายละเอียดของการตอบ ::
มันเป็น ที่ช่อง dropdown ตัวไหนหรือว่าทุกช่องครับ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-08-15 08:41:29 By : Nautilus
 


 

No. 19



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



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


คือพอเลือก จังหวัดอำเภอตำบล แล้วกด submit จะขึ้นเป็นรหัสในดาต้าเบสอ่ะคะ
ทำอีกหน้าหนึ่ง
<?
include "jsonaction.php";
$dbCon = mysql_connect('localhost', 'root', '') or die (mysql_error());

// Select database.
mysql_select_db('data_thai', $dbCon) or die (mysql_error());

// Set encoding.
mysql_query('SET NAMES utf8');


$province_id = $_POST['province'];
$amphur_id = $_POST['amphur'];
$district_id = $_POST['district'];

$SQL1 = "SELECT * FROM province WHERE PROVINCE_ID = '$province_id'";
$result1 = mysql_query($strSQL1);
$row1 = mysql_fetch_array($result1);
$province_name = $row1['PROVINCE_NAME'];


$SQL2 = "SELECT * FROM amphur WHERE AMPHUR_ID = '$amphur_id'";
$result2 = mysql_query($strSQL2);
$row2 = mysql_fetch_array($result2);
$amphur_name = $row2['AMPHUR_NAME'];


$SQL3 = "SELECT * FROM district WHERE DISTRICT_ID = '$district_id'";
$result3 = mysql_query($strSQL3);
$row3 = mysql_fetch_array($result3);
$district_name = $row3['DISTRICT_NAME'];

?>


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=tis620">

</head>


<body>

จังหวัด : <?php echo $_POST["province_id"]; ?><br />
อำเภอ :<?php echo $_POST["amphur_id"]; ?> <br />
ตำบล : <?php echo $_POST["distrinct_id"]; ?> <br />
</body>

</html>
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-08-16 21:12:54 By : kattizz
 


 

No. 20



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



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


ถ้าในทางเดียวกัน นำแบบนี้ไปประยุคใช้ แล้วเราทำการเลือกข้อมูลโดย เลือกจังหวัด อำเภอ ตำบล (Listbox)
แล็วก็เป็น Textbox ใส่ชื่อ หมู่บ้าน ลงไป คลิกปุ่มค้นหา ก็จะโชว์หมู่บ้านนั้นขึ้นมาในตาราง
ถ้าในกรณีที่ไม่ได้ ใส่ชื่อหมู่บ้าน กดค้นหาแล้วให้โชว์ เป็นตารางเพิ่อแสดงหมู่บ้าน ทั้งหมดที่มี ทำไงคะ ขอบคุณค่ะ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-09-15 13:55:47 By : mostgirls
 


 

No. 21



โพสกระทู้ ( 1,242 )
บทความ ( 13 )

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

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

case 'village':
		$tambon = isset($_GET['tambonID']) ? $_GET['tambonID'] : '';
                $where = ($tambon != '')  ? "WHERE AMPHUR_ID = '{$amphurID}'" : '';
		$result = mysql_query("
			SELECT
				DISTRICT_ID,
				DISTRICT_NAME
			FROM
				district
			{ $where}
			ORDER BY CONVERT(VILLAGE_NAME USING TIS620) ASC;
		");
		break;

ประมาณนี้ครับ


ประวัติการแก้ไข
2011-09-16 12:45:13
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-09-16 12:44:51 By : Nautilus
 


 

No. 22



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



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


แล้วถ้าเอาค่าที่ได้ใส่ ตาราง ทำไงคะ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-09-22 17:43:29 By : mostgirls
 


 

No. 23



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



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


ถ้าต้องการดึงข้อมูล db กลับมาแก้ไข ทำอย่างไรครับ ในส่วนของ geo province amphur tunbon
ต้องเพิ่ม code ยังไงครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-10-14 08:08:57 By : btgroup
 


 

No. 24



โพสกระทู้ ( 1,242 )
บทความ ( 13 )

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

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

ตอบความคิดเห็นที่ : 22 เขียนโดย : mostgirls เมื่อวันที่ 2011-09-22 17:43:29
รายละเอียดของการตอบ ::
ค่าที่ได้ หมายถึง รหัสของ จังหวัด อำภอ ตำบลหรือเปล่า

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-10-14 09:19:38 By : Nautilus
 


 

No. 25



โพสกระทู้ ( 1,242 )
บทความ ( 13 )

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

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

ตอบความคิดเห็นที่ : 23 เขียนโดย : btgroup เมื่อวันที่ 2011-10-14 08:08:57
รายละเอียดของการตอบ ::
อันนี้ท่าทางจะยาวครับ แต่ถ้าเข้าใจ concept ก็ไม่ยากครับ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-10-14 09:20:50 By : Nautilus
 


 

No. 26



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



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


ชื่ออำเภอมันไม่ยอมมามันหมุนอย่างเดียวเลย ^^ แก้ยังไงเหรอครับ
Database มีข้อมูลครบแล้วนะครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-11-18 16:57:35 By : rbboy1999
 


 

No. 27



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



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


ประยุกต์ใช้กับจุมล่ายังไงดีครับ ช่วยแนะนำหน่อยครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-11-19 04:31:47 By : chocolatemusic
 


 

No. 28



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



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


ตัวนี้เจ๋งมาก ใช้ได้จริงๆ ขอบคุณมากครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-11-21 14:06:32 By : HaKonNan
 


 

No. 29



โพสกระทู้ ( 1,242 )
บทความ ( 13 )

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

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

ตอบความคิดเห็นที่ : 26 เขียนโดย : rbboy1999 เมื่อวันที่ 2011-11-18 16:57:35
รายละเอียดของการตอบ ::
ไม่ทราบว่าแก้ปัญหาได้หรือยังครับ


ตอบความคิดเห็นที่ : 27 เขียนโดย : chocolatemusic เมื่อวันที่ 2011-11-19 04:31:47
รายละเอียดของการตอบ ::
อันนี้ผมก็ไม่เคยนำไปใช้กับ joomla นะครับแต่ถ้าเข้าใจ concept ทั้ง joomla และโค้ดที่ผมเขียนก็น่าจะผนวกเข้ากันได้นะครับ


ตอบความคิดเห็นที่ : 28 เขียนโดย : HaKonNan เมื่อวันที่ 2011-11-21 14:06:32
รายละเอียดของการตอบ ::
^_^

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-11-21 21:53:52 By : nautilus
 


 

No. 30



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



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


เอา ไอดี ตำบลลงดาต้าเบส ทำไงครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-12-21 17:28:31 By : aunloveable
 


 

No. 31



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



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


แล่มมากเลยครับ ผมทดสอบ โดยการประยุคมาเป็น 5 ชั้น ได้เยี่ยมมากเลยใช้ได้กับ Firefox และ IE
แต่ทีนี้แหละครับ ผมลองใส่เพิ่มเติม โดย เลือก จังหวัด แล้วให้ ดึง Page หรือไฟล์ที่รับมา ไปแสดง ในส่วนของ
ajax เช่น

Form ในหน้า index.php
<form ...>
<Select....ว่ากันไป...>
<option> กี่อันก็ว่ากันไป </option>
</select>
</form>

<div id='shownow'> แสดงตรงนี้</div>

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

ผมลองใส่ Function เข้าไป มันไม่รันให้ครับ ผมว่ามันต้องรันแต่ไม่รู้ว่า ผมเอาไปวางผิดตรงไหนหรือป่าว Function ที่ใช้นะครับ คือ
Code (JavaScript)
<script type="text/javascript">
    var objRequest = createRequestObject();

    function createRequestObject() {
      var objTemp = false;

      if (window.XMLHttpRequest) {
        objTemp = new XMLHttpRequest();
      } else {
        objTemp = new ActiveXObject("Microsoft.XMLHTTP");
      }
      return objTemp;
    }
    function getData(area1,area2,url1,url2,cateid,pbrand,pmaterial,ptype,set) 
	{
      if (objRequest) {
		  
		var idst=cateid;
		var rnd=Math.random();
		var sendid="";
		sendid+=url2+"rnd="+rnd+"&catid="+idst+"&brandid="+pbrand+"&materialid="+pmaterial+"&typeid="+ptype;
        objRequest.open("GET",sendid);
        objRequest.onreadystatechange=function handleResponse()
			{
      			var objDiv = document.getElementById(area2);
      			if (objRequest.readyState==4 && objRequest.status==200) 
				{
        			objDiv.innerHTML=objRequest.responseText;
      			}
    		}
        objRequest.send(null);
      } 
    }


เอาไปเสริมกับ ตัว ที่ให้มายังไงครับ
Code (JavaScript)
<script type="text/javascript">
$(function(){
	var defaultOption = '<option value=""> ------- เลือก ------ </option>';
	var loadingImage  = '<img src="images/loading4.gif" alt="loading" />';
	$('#selProvince').change(function() {
		$("#selAmphur").html(defaultOption);
		$("#selTumbon").html(defaultOption);
		$.ajax({
			url: "jsonAction.php",
			data: ({ nextList : 'amphur', provinceID: $('#selProvince').val() }),
			dataType: "json",
			beforeSend: function() {
				$("#waitAmphur").html(loadingImage);
			},
			success: function(json){
				$("#waitAmphur").html("");
				$.each(json, function(index, value) {
					 $("#selAmphur").append('<option value="' + value.AMPHUR_ID + 
											'">' + value.AMPHUR_NAME + '</option>');
				});
			}
		});
	});
	});
});
</script>



สมมุต ผมจะเรียกใช้ 2 ตัวข้างบนพร้อมกันต้องทำไงอะครับ
<Select....ว่ากันไป...onchange="getData(area1,area2,url1,url2,cateid,pbrand,pmaterial,ptype,set) ">
<option> กี่อันก็ว่ากันไป </option>
</select>

หรือว่าต้องเอา Function getData ไปวางใน $(function() เลย

ทำไงดีครับ ขอบคุณครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-01-06 13:47:59 By : bluesix
 


 

No. 32



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



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


ผมจะใช้แค่ 2 ชั้นน่ะครับ จะปรับ Code อย่างไร ผมลองเอาไปแก้ไขแล้ว

แต่ไม่ได้ครับ มั่วไปหมด ผมมือใหม่มากครับ

เพราะจะให้เลือก list 2 ชั้น แล้ว ก็จะบันทึกข้อมูลอีกน่ะครับ

รบกวนด้วยน่ะครับ ถ้าได้อย่างไร ส่งเข้าเมลด้วยก็ได้ครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-01-11 09:50:12 By : prapatbut
 


 

No. 33

Guest


เยี่ยมๆ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-01-12 08:25:04 By : sss
 


 

No. 34



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



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

ตกลงบันทึกลงฐานข้อมูล ให้เป็นชื่อ ตำบล/อำเภอ/จังหวัด ใช้โค้ดไหนครับ เพราัะตอนนี้มันลงเป็นไอดีอยู่ครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-01-13 15:34:07 By : shinjangs
 


 

No. 35



โพสกระทู้ ( 1,242 )
บทความ ( 13 )

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

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

อัพเดทโค้ดสำหรับการแสดงผลชื่อจังหวัด และจัดเก็บชื่อลงฐานข้อมูล โดยเอาค่าจาก input type hidden
index.php
<?php
// Load jQuery library from google.
$jqLib = ' https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js';

// Create connection connect to mysql database
$dbCon = mysql_connect('localhost', 'root', '1234') or die (mysql_error());

// Select database.
mysql_select_db('demo', $dbCon) or die (mysql_error());

// Set encoding.
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>Dependent dropdownlist จังหวัด อำเภอ ตำบล</title>
<script type="text/javascript" src="<?php echo $jqLib; ?>"></script>
<script type="text/javascript">
 // Specify a function to execute when the DOM is fully loaded.
$(function(){
	var defaultOption = '<option value=""> ------- เลือก ------ </option>';
	var loadingImage  = '<img src="images/loading4.gif" alt="loading" />';
	// Bind an event handler to the "change" JavaScript event, or trigger that event on an element.
	$('#selProvince').change(function() {
		$("#selAmphur").html(defaultOption);
		$("#selTumbon").html(defaultOption);
		// Perform an asynchronous HTTP (Ajax) request.
		$.ajax({
			// A string containing the URL to which the request is sent.
			url: "jsonAction.php",
			// Data to be sent to the server.
			data: ({ nextList : 'amphur', provinceID: $('#selProvince').val() }),
			// The type of data that you're expecting back from the server.
			dataType: "json",
			// beforeSend is called before the request is sent
			beforeSend: function() {
				$("#waitAmphur").html(loadingImage);
			},
			// success is called if the request succeeds.
			success: function(json){
                var str = "";
                $("#provinceId").html($('#selProvince').val() + " ->> ");
                $("#selProvince option:selected").each(function () {
                    str = $(this).text();
                });
                $("#provinceName").text(str);
                $("#provinceHidden").val(str);
				$("#waitAmphur").html("");
				// Iterate over a jQuery object, executing a function for each matched element.
				$.each(json, function(index, value) {
					// Insert content, specified by the parameter, to the end of each element
					// in the set of matched elements.
					 $("#selAmphur").append('<option value="' + value.AMPHUR_ID + 
                        '">' + value.AMPHUR_NAME + '</option>');
				});
			}
		});
	});
	
	$('#selAmphur').change(function() {
		$("#selTumbon").html(defaultOption);
		$.ajax({
			url: "jsonAction.php",
			data: ({ nextList : 'tumbon', amphurID: $('#selAmphur').val() }),
			dataType: "json",
			beforeSend: function() {
				$("#waitTumbon").html(loadingImage);
			},
			success: function(json){
                var str = "";
                $("#amphurId").html($('#selAmphur').val()  + " ->> ");
                $("#selAmphur option:selected").each(function () {
                    str = $(this).text();
                });
                $("#amphurName").text(str);
                $("#amphurHidden").val(str);
				$("#waitTumbon").html("");
				$.each(json, function(index, value) {
					 $("#selTumbon").append('<option value="' + value.DISTRICT_ID + 
											'">' + value.DISTRICT_NAME + '</option>');
				});
			}
		});
	});
    
    $('#selTumbon').change(function() {
        var str = "";
        $("#tumbonId").html($('#selTumbon').val()  + " ->> ");
        $("#selTumbon option:selected").each(function () {
            str = $(this).text();
        });
        console.debug(str);
        $("#tumbonName").text(str);
        $("#tumbonHidden").val(str);
    });
});
</script>
<style type="text/css">
	body {
		font-family: Verdana, Geneva, sans-serif;
		font-size: 13px;
	}
</style>
</head>

<body>
    <form name="thailand" id="thailand" method="post">
        <label>จังหวัด : </label>
        <select id="selProvince" name="selProvince">
            <option value=""> ------- เลือก ------ </option>
            <?php
                $result = mysql_query("
                    SELECT
                        PROVINCE_ID,
                        PROVINCE_NAME
                    FROM 
                        province
                    ORDER BY CONVERT(PROVINCE_NAME USING TIS620) ASC;
                ");
                
                while($row = mysql_fetch_assoc($result)){
                    echo '<option value="', $row['PROVINCE_ID'], '">', $row['PROVINCE_NAME'],'</option>';
                }
            ?>
        </select>
            
        <label>อำเภอ : </label>
        <select id="selAmphur" name="selAmphur">
            <option value=""> ------- เลือก ------ </option>
        </select><span id="waitAmphur"></span>
        
        <label>ตำบล : </llabellabelabel>
        <select id="selTumbon" name="selTumbon">
            <option value=""> ------- เลือก ------ </option>
        </select><span id="waitTumbon" ></span>
        <input type="submit" name="submit" value="submit" />
    </form>
    <div>
        <p>::Before Sumbmit::</p>
        <p>รหัสและชื่อจังหวัด: <span id="provinceId"></span><span id="provinceName"></span></p>
        <p>รหัสและชื่ออำเภอ: <span id="amphurId"></span><span id="amphurName"></span></p>
        <p>รหัสและชื่อตำบล: <span id="tumbonId"></span><span id="tumbonName"></span></p>
    </div>
    <input type="hidden" id="provinceHidden" name="provinceHidden" />
    <input type="hidden" id="amphurHidden" name="amphurHidden" />
    <input type="hidden" id="tumbonHidden" name="tumbonHidden" />
    <?php
        if(isset($_POST['submit'])) {
            echo '<div>';
            echo '<p>::After Sumbmit::</p>';
            echo '<p>รหัสและชื่อจังหวัด: ', $_POST['selProvince'], ' ->> ', $_POST['provinceHidden'], '</p>';
            echo '<p>รหัสและชื่ออำเภอ: ', $_POST['selAmphur'], ' ->> ', $_POST['amphurHidden'], '</p>';
            echo '<p>รหัสและชื่อตำบล: ', $_POST['selTumbon'], ' ->> ', $_POST['tumbonHidden'], '</p>';
            echo '</div>';
        }
    ?>
</body>
</html>




ประวัติการแก้ไข
2012-01-13 22:00:07
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-01-13 21:58:58 By : nautilus
 


 

No. 36

Guest


อยากให้ข้อมูลที่ออกมาเรียงตาม ID อ่ะครับ ลองเปลี่ยน ตรง ORDER BY เป็น AMPHUR_ID แล้วแต่ยังเรียงตามชื่ออยู่อ่ะครับ

case 'amphur':
$provinceID = isset($_GET['provinceID']) ? $_GET['provinceID'] : '';
$result = mysql_query("

SELECT

AMPHUR_ID,

AMPHUR_NAME

FROM

amphur

WHERE PROVINCE_ID = '{$provinceID}'

ORDER BY AMPHUR_ID;

");

break;
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-02-03 17:05:27 By : noo
 


 

No. 37



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



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


ขอบคุณม๊ากคับ หาอยู่พอดี
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-02-09 00:41:37 By : armtolove
 


 

No. 38



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



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


ขอบคุณครับ แล้ว ไฟล์ edit ที่แก้ไข เขียนยังไง ครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-02-19 16:22:32 By : rungroat4
 


 

No. 39



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



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


ถ้ามีตารางฐานข้อมูล

จังหวัด(รหัสจังหวัด,ชื่อจังหวัด)
ประเภทการเดินทาง(รหัสประเภท,ชื่อประเภท)
บริษัทขนส่ง(รหัสบริษัท,ชื่อบริษัท,รหัสจังหวัด,รหัสประเภทการเดินทาง)


แล้วพอเราเลือก


จังหวัด+ประเภทการเดินทาง -----> ตรงกล่อง list ของบริษัทขนส่ง จะลิสชื่อบริษัทที่มีรหัสจังหวัด+รหัสประเภท ที่เรา select ไว้อ่ะค่ะ


ไม่ทราบว่าต้องทำยังไงบ้างคะถ้าใช้ วิธีสร้าง dropdownlist โดยใช้ json อ่ะค่ะ ช่วยแนะนำด้วยค่ะ ขอบคุณมากนะคะ


ประวัติการแก้ไข
2012-04-18 02:04:13
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-04-18 02:03:48 By : CzPlussiiz
 


 

No. 40



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



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


แบบ นี้ like เลย
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-05-13 13:38:29 By : yainakrub
 


 

No. 41



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



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


Like ครับ

+100
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-05-14 11:36:24 By : keng_ds
 


 

No. 42



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



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


สุดยอดมากครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-06-22 11:32:34 By : nutsza
 


 

No. 43



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



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


ขอถามหน่อยนะคะ คือ หนูใช้ ADODB น่ะค่ะ

เลยไม่เข้าใจว่า mysql_fetch_assoc หนูจะต้องแก้ไขอย่างไรน่ะค่ะ

Code (PHP)

$data = array();
while($row = mysql_fetch_assoc($result)) {
	$data[] = $row;
}

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-07-11 17:49:48 By : naked13
 


 

No. 44



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



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


ทำมา 2 วันแล้ว ยังคิดไม่ออกเลยค่ะ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-07-11 23:38:49 By : naked13
 


 

No. 45



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



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

ถ้าใ้ช้ฐานข้อมูลเป็น access ในส่วนของคำสั่ง mysql_fetch_assoc ควรเขียนแบบไหนอ่ะค่ะ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-08-29 09:54:14 By : mah_comsci
 


 

No. 46

Guest


กด LIKE
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-09-06 14:06:54 By : ThaiJSP
 


 

No. 47



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



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

ขอโทษครับ

ผมนำตัวอย่างไปดู แต่ รันออกมาไม่แสดงอะไรเลยครับ
จังหวัดก็ไม่ออก สาเหตุเพราะอะไรครับ

แนะนำด้วยครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-10-11 15:19:15 By : omeezyo
 


 

No. 48



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



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


ขอบคุณครับผม
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-10-29 14:09:02 By : osapp
 


 

No. 49



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



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


มันสุดยอดมากครับ
ผมเอามาลองรันและประยุคกับที่ผมจะทำ แต่ ทำต่อไม่เป็นครับ
คือว่า ของผม หลังจากที่เราเลือก DropDownList/ListMenu แล้ว ต้องการให้มัน echo ชื่อจังหวัดออกมาที่ text box อีกอันอ่ะครับ
โดยตรงDropDownList/ListMenu ผมให้มัน echo ออกมาเป็น provinceID แล้วมี text box ต่อมาเพื่อแสดงเป็นชื่อจังหวัดอ่ะครับ
ในส่วน ของอำเภอ ตำบล ก็เช่นกันครับ

พอเข้าใจคำถามผมมั๊ยครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-10-31 17:27:16 By : NUENGCS16
 


 

No. 50



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



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


ขอบคุณมากค่า :DD
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-11-20 12:44:45 By : ployy
 


 

No. 51



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

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

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


ขอฝากไว้อีกแบบครับ ง่ายๆ ไม่ยุ่งยาก เอาไปดัดแปลงใช้งานได้เต็มที่เลยครับ
https://www.thaicreate.com/php/forum/086971.html#17
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-11-20 13:56:24 By : sakuraei
 


 

No. 52

Guest


ทำตามแล้วค่ะ แต่พอเลือก Listbox ที่1 แล้ว Listbox ที่2 ผลให้ค่ะ

index2.php
<?php
// Load jQuery library from google.
$jqLib = 'https://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js';

// Create connection connect to mysql database
$dbCon = mysql_connect('localhost', 'root', '1234') or die (mysql_error());

// Select database.
mysql_select_db('db522021213', $dbCon) or die (mysql_error());

// Set encoding.
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>Dependent dropdownlist จังหวัด อำเภอ ตำบล</title>
<script type="text/javascript" src="<?php echo $jqLib; ?>"></script>
<script type="text/javascript">
 // Specify a function to execute when the DOM is fully loaded.
$(function(){
	var defaultOption = '<option value=""> ------- เลือก ------ </option>';
	var loadingImage  = '<img src="images/loading4.gif" alt="loading" />';
	// Bind an event handler to the "change" JavaScript event, or trigger that event on an element.
	$('#selRegion').change(function() {
		$("#selProvince").html(defaultOption);
		// Perform an asynchronous HTTP (Ajax) request.
		$.ajax({
			// A string containing the URL to which the request is sent.
			url: "jsonAction2.php",
			// Data to be sent to the server.
			data: ({ nextList : 'province', RID: $('#selRegion').val() }),
			// The type of data that you're expecting back from the server.
			dataType: "json",
			// beforeSend is called before the request is sent
			beforeSend: function() {
				$("#waitProvince").html(loadingImage);
			},
			// success is called if the request succeeds.
			success: function(json){
				$("#waitProvince").html("");
				// Iterate over a jQuery object, executing a function for each matched element.
				$.each(json, function(index, value) {
					// Insert content, specified by the parameter, to the end of each element
					// in the set of matched elements.
					 $("#selProvince").append('<option value="' + value.P_ID + 
											'">' + value.P_Name + '</option>');
				});
			}
		});
	});
	
});
</script>

<style type="text/css">
	body {
		font-family: Verdana, Geneva, sans-serif;
		font-size: 13px;
	}
</style>

</head>

<body>
	<label>ภาค: </label>
    <select id="selRegion">
    	<option value=""> ------- เลือก ------ </option>
        <? $sql2="select * from region";
									$result = mysql_query($sql2);
											while($content = mysql_fetch_array($result)){
												 $content2=$content[R_ID];
												 $content3=$content[R_Name];
												 ?>
  								<option value="<?php echo "$content2"; ?>"><?php echo "$content3"; ?></option>
  										<?php }?>
    </select>
        
    <label>จังหวัด: </label>
    <select id="selProvince">
    	<option value=""> ------- เลือก ------ </option>
    </select><span id ="waitProvince"></span>

</body>
</html>





jsonAction2.php
<?php
// Set delay 1 second. 
sleep(1);

// Create connection connect to mysql database
$dbCon = mysql_connect('localhost', 'root', '1234') or die (mysql_error());

// Select database.
mysql_select_db('db522021213', $dbCon) or die (mysql_error());

// Set encoding.
mysql_query('SET NAMES UTF8');

// Next dropdown list.
$nextList = isset($_GET['nextList']) ? $_GET['nextList'] : '';

switch($nextList) {
	case 'province':
		$RID = isset($_GET['RID']) ? $_GET['RID'] : '';
		$result = mysql_query("SELECT P_ID, P_Name FROM province WHERE R_ID = '{$RID}';

");
		break;
}

$data = array();
while($row = mysql_fetch_assoc($result)) {
	$data[] = $row;
}

// Print the JSON representation of a value
echo json_encode($data);
?>

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-12-23 18:14:03 By : palm
 


 

No. 53

Guest


ขอโทษค่ะข้างบนพิมพ์ตก

ทำตามแล้วค่ะ แต่พอเลือก Listbox ที่1 แล้ว Listbox ที่2 ไม่แสดงผลให้ค่ะ

index2.php
<?php
// Load jQuery library from google.
$jqLib = 'https://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js';

// Create connection connect to mysql database
$dbCon = mysql_connect('localhost', 'root', '1234') or die (mysql_error());

// Select database.
mysql_select_db('db522021213', $dbCon) or die (mysql_error());

// Set encoding.
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>Dependent dropdownlist จังหวัด อำเภอ ตำบล</title>
<script type="text/javascript" src="<?php echo $jqLib; ?>"></script>
<script type="text/javascript">
 // Specify a function to execute when the DOM is fully loaded.
$(function(){
	var defaultOption = '<option value=""> ------- เลือก ------ </option>';
	var loadingImage  = '<img src="images/loading4.gif" alt="loading" />';
	// Bind an event handler to the "change" JavaScript event, or trigger that event on an element.
	$('#selRegion').change(function() {
		$("#selProvince").html(defaultOption);
		// Perform an asynchronous HTTP (Ajax) request.
		$.ajax({
			// A string containing the URL to which the request is sent.
			url: "jsonAction2.php",
			// Data to be sent to the server.
			data: ({ nextList : 'province', RID: $('#selRegion').val() }),
			// The type of data that you're expecting back from the server.
			dataType: "json",
			// beforeSend is called before the request is sent
			beforeSend: function() {
				$("#waitProvince").html(loadingImage);
			},
			// success is called if the request succeeds.
			success: function(json){
				$("#waitProvince").html("");
				// Iterate over a jQuery object, executing a function for each matched element.
				$.each(json, function(index, value) {
					// Insert content, specified by the parameter, to the end of each element
					// in the set of matched elements.
					 $("#selProvince").append('<option value="' + value.P_ID + 
											'">' + value.P_Name + '</option>');
				});
			}
		});
	});
	
});
</script>

<style type="text/css">
	body {
		font-family: Verdana, Geneva, sans-serif;
		font-size: 13px;
	}
</style>

</head>

<body>
	<label>ภาค: </label>
    <select id="selRegion">
    	<option value=""> ------- เลือก ------ </option>
        <? $sql2="select * from region";
									$result = mysql_query($sql2);
											while($content = mysql_fetch_array($result)){
												 $content2=$content[R_ID];
												 $content3=$content[R_Name];
												 ?>
  								<option value="<?php echo "$content2"; ?>"><?php echo "$content3"; ?></option>
  										<?php }?>
    </select>
        
    <label>จังหวัด: </label>
    <select id="selProvince">
    	<option value=""> ------- เลือก ------ </option>
    </select><span id ="waitProvince"></span>

</body>
</html>





jsonAction2.php
<?php
// Set delay 1 second. 
sleep(1);

// Create connection connect to mysql database
$dbCon = mysql_connect('localhost', 'root', '1234') or die (mysql_error());

// Select database.
mysql_select_db('db522021213', $dbCon) or die (mysql_error());

// Set encoding.
mysql_query('SET NAMES UTF8');

// Next dropdown list.
$nextList = isset($_GET['nextList']) ? $_GET['nextList'] : '';

switch($nextList) {
	case 'province':
		$RID = isset($_GET['RID']) ? $_GET['RID'] : '';
		$result = mysql_query("SELECT P_ID, P_Name FROM province WHERE R_ID = '{$RID}';

");
		break;
}

$data = array();
while($row = mysql_fetch_assoc($result)) {
	$data[] = $row;
}

// Print the JSON representation of a value
echo json_encode($data);
?>

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-12-23 18:19:27 By : palm
 


 

No. 54

Guest


สุดยอดมากมายเลยครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-01-24 15:05:39 By : YOYO
 


 

No. 55



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



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

123

หลังจากเลือกยี่ห้อ ถัดมาก็จะแสดงรุ่น แต่ภาพ loading มันยังไม่หยุดโหลด ข้อมูลในฟิลด์รุ่นก็ไม่แสดง
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-04-10 11:08:41 By : lookpla26
 


 

No. 56



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



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


ดีมากเลยครับ แต่ระบบที่ผมทำไม่ต้องเชื่อมต่อกับอินเตอร์เน็ต ก็เลยไม่สามารถเชื่อมเพื่อโหลดสคริปจากอินเตอร์เน็ตมาใช้งานได้
// Load jQuery library from google.
$jqLib = 'https://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js';

พอจะมีวิธีดึงมาใส่ที่เครื่องเราโดยไม่ให้วิ่งไปดึงสคริปจากอินเตอร์เน้ตมาใช้ไหมครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-07-02 10:12:42 By : sarayut.ton
 


 

No. 57



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



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


ถามเองตอบ5555 สามารถทำได้ครับ ไปโหลดตัว jquery.min.js มาใส่ที่เครื่อง ก็ได้ครับแล้วให้มันเรียกใช้งานที่สคริปนั้น
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-07-02 10:31:28 By : sarayut.ton
 


 

No. 58



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



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


รบกวนหน่อย คับ จากโค้ด นี้ เก็บ หลาย ตาราง ใน ฟอมเดียวกัน ควร แก้ไข ยังไงคับ

แล้วจะเก็บชื่อ ลง ตารางดาต้าเบส ยังไง ขอบคุณคับ

ตาราง
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-08-16 22:37:16 By : komza
 


 

No. 59



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



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

รบกวนหน่อยครับ
เวลาเราเก็บค่าลง ฐานข้อมูล มันจะ เก็บ PROVINCE_ID ลงไป
ผมอยากจะเรียกค่า ออกมาแสดง ให้เป็นชื่อ จังหวัด
ผมต้องเขียนยังไงรบกวนที่ครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-10-31 10:04:01 By : aothesun
 


 

No. 60



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



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


ไม่ทราบว่าจะดึงข้อมูลจาก DB มาแสดงในหน้าแก้ไขยังไงคะ

ตอนนี้ จังหวัดที่ต้องการแก้ไข ตรงโค๊ด PHP สามารถดึงมาแสดงได้อยู่ค่ะ

แต่ อำเภอและตำบลที่ต้องการแก้ไข ตรงโค๊ด javascript ดึงมาไม่ได้อะค่ะ มันไม่แสดง

ต้องแก้ไขโค๊ดยังไงคะ รบกวนให้คำแนะนำด้วยค่ะ

ติดอยู่หลายวันแล้ว ไม่รู้จะแก้ยังไง T_T
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-12-16 21:57:38 By : Khun Tee
 


 

No. 61



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



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


ขอ code C# หน่อยได้มั้ยค่ะ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-01-24 16:38:06 By : munkmink
 


 

No. 62



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



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


ขอบคุณสำหรับ code ดีดีครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-05-11 15:17:32 By : kaewchai
 


 

No. 63

Guest


ถ้าต้องการเลือก drop down ข้อมูลจังหวัด แล้วก็อำเภอ (ข้อมูลจังหวัด ==> ข้อมูลอำเภอ ==> จุดของตำแหน่งอำเภอในฐานข้อมูล ) แล้วสุดท้ายจะสร้างจุดขึ้นมาจากฐานข้อมูลของเราลง google maps คราบ อยากทราบว่าสามารถนำไปประยุกต์ได้ไหมคราบ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-08-02 16:13:40 By : piyanut
 


 

No. 64



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



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


โหลด jquery.min.js จากไหนคับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-10-05 19:36:06 By : ืfluek
 


 

No. 65



โพสกระทู้ ( 5,093 )
บทความ ( 4 )

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

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


ตอบความคิดเห็นที่ : 64 เขียนโดย : ืfluek เมื่อวันที่ 2017-10-05 19:36:06
รายละเอียดของการตอบ ::
... เฮ้ย!! ถามจริงหรือถามเล่นเนี่ยะ


เอาว่าถามจริงแล้วกัน https://code.jquery.com/
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-10-06 08:32:51 By : apisitp
 


 

No. 66



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



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

+1
ขอบคุณครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-05-02 16:56:48 By : Hararock
 


 

No. 67



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



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


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

ขอบคุณครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-08-24 15:25:38 By : 1053699784793535
 


 

No. 68



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



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


พี่ครับ พอผมเอาไปรันแล้วมันขึ้นแบบนี้อะครับ
Fatal error: Uncaught Error: Call to undefined function mysql_connect() in D:\xampp\htdocs\drop_old1\thailand1\thailand\index.php:6 Stack trace: #0 {main} thrown in D:\xampp\htdocs\drop_old1\thailand1\thailand\index.php on line 6
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2019-09-04 10:31:22 By : nack4901
 


 

No. 69



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



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


อ่อได้ละครับ ขอบคุณสำหรับการแบ่งปันครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2019-09-04 13:47:26 By : nack4901
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : Dependent DropDownList/ListMenu จังหวัด อำเภอ ตำบล USING JSON
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ 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: Voake, Comcube, รับทำเว็บไซต์ รับเขียนโปรแกรม

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