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,038

HOME > PHP > PHP Forum > Ajax อีกสักครั้ง ดูโค้ดและรูปเลยครับ คืออำเภอ ตำบล มันไม่เปลี่ยนตามเหมือน มันหาตัว select box ไม่เจออ่ะคับ



 

Ajax อีกสักครั้ง ดูโค้ดและรูปเลยครับ คืออำเภอ ตำบล มันไม่เปลี่ยนตามเหมือน มันหาตัว select box ไม่เจออ่ะคับ

 



Topic : 035990



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

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

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




โค้ดไฟล์ search.php ครับ

Code (PHP)
<!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 type="text/javascript">

function searchprovince(province)
{
	var req;
	if (window.XMLHttpRequest) req=new XMLHttpRequest();
	else if (window.ActiveXObject) req=new ActiveXObject("Microsoft.XMLHTTP");
	else 
	{
		alert("Browser not support");return false;
	}
	
	req.onreadystatechange=function()
	{
		if (req.readyState==4)
		{		
				//alert(req.responseText);
				document.getElementById("show").innerHTML=req.responseText;	
			//	login();	
			//	document.login.user.focus();document.login.user.focus();
		}else{return false;}
	
	}
		var str=Math.random();
		var querystr="";
		querystr+="include1.php";
		querystr+="?time="+str;
		querystr+="&menu=searchinsured";
		querystr+="&province="+encodeURIComponent(province);
		req.open("GET",querystr, true);
		req.send(null);
}
</script>
</head>

<body>

<input type="text" name="province_id" id="province_id" onkeypress="searchprovince(this.value);"/>

<div id="show"></div>


</body>
</html>


เรียกหาไฟล์ include1.php นี้


Code (PHP)
<?php ob_start(); ?>
<?php require_once('Connections/connection.php'); ?>

<!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" />
<META HTTP-EQUIV="CACHE-CONTROL" CONTENT="NO-CACHE">
<title>Untitled Document</title>
</head>
<body>
    
 <?php
    if($_GET['menu']=="searchinsured")
    {
		header("Content-Type: text/plain; charset=utf-8"); 
		
            for ($i=0;$i<1000000;$i++){}?>
<?php
		if (isset($_GET['province'])) {
		  $province = $_GET['province'];
		}
		
		mysql_select_db($database_connection, $connection);
		$query_rs_province = "SELECT * FROM tbl_province WHERE province_id = $province ";
		$rs_province = mysql_query($query_rs_province, $connection) or die(mysql_error());
		$row_rs_province = mysql_fetch_assoc($rs_province);
		$totalRows_rs_province = mysql_num_rows($rs_province);
				
		if ($totalRows_rs_province =='1') {?>
        
        <?php echo '
                  <select name="province_id2" id="province_id2" >';?>
					  <?php	do { ?>
					
                  <?php echo '<option value="';?>
				  <?php echo $row_rs_province['province_id'].'">';?>
				  <?php echo $row_rs_province['province_name'];?>
                  <?php echo '</option>';?>
					<?php
						} while ($row_rs_province = mysql_fetch_assoc($rs_province));
					  		$rows = mysql_num_rows($rs_province);
					  		if($rows > 0) {
						  		mysql_data_seek($rs_province, 0);
						  	$row_rs_province = mysql_fetch_assoc($rs_province);
					  					  }
					?>
                 <?php echo '</select>';?>
          <?php } ?>
     <?php } ?>
                 
</body>
</html>


พอรันก้อจะได้ภาพนี้

ปปปป

และพอผมใส่รหัสจังหวัดลงไปก็จะได้ภาพนี้

หหห

เข้าสู่คำถามเลยครับ

คือผมคืนค่าออกมาเป็น select box แล้วทีนี้ผมจะเอาไปใช้กับ jquery เพื่อเลือก จังหวัด อำเภอ ตำบล ต่ออะครับ กับโค้ดข้างล่างนี้

Code (PHP)
<script type="text/javascript">	
			
			$(function(){

                $("select#province_id").change(function(){
               
                    var url = "member.php?province_id="+$(this).val() ;
            
                    $.getJSON(
                            url ,
                            function(resp){
                                var opt = "<option value='0'>-- เลือกอำเภอ --</option>";
                                
                                for(var i=0;i<resp.length;i++){
                                    opt += "<option value='"+ resp[i].amphur_id+"'>"+resp[i].amphur_name+"</option>";
                                }
                
                                $("#amphur_id").html( opt );
                            
                            } 
                    );
                    
                });
			})
</script>


คืออำเภอ ตำบล มันไม่เปลี่ยนตามเหมือน มันหาตัว select box ไม่เจออ่ะคับ

ไม่ทราบว่าใครเคยเจอปัญหาแบบนี้ หรือไม่ ชี้แนะด้วยคับ



Tag : - - - -






Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2009-12-18 22:36:58 By : ไวยวิทย์ View : 1281 Reply : 4
 

 

No. 1



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

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

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

ไฟล์
include1.php เป็น ajax ไม่ควรมี <html><body> ...</body></html> ครับ เอาเท่าที่ใช้เลย
<select><option>..</select>พอครับ

โค้ด #province_id เป็น textbox นี่ครับแต่เขียน js เหมือนเป็น selectbox

โดยปกติถ้า tag html ต่างๆ ที่เข้ามาใหม่จากการ request ajax จะยังไม่มี event handler ครับ ให้เขียนแบบนี้ครับ
ต้องกำหนด event ใหม่หลังจากคำสั่ง
document.getElementById("show").innerHTML=req.responseText;
ครับ
เช่น
document.getElementById("show").innerHTML=req.responseText;
$('#province_id2').change(function(){
//...
});


Date : 2009-12-18 23:57:18 By : num
 


 

No. 2

Guest


ครับพี่หนุ่ม ไฟล์จริง ๆ ผมไม่มี <html><body> ...</body></html> ครับพี่

document.getElementById("show").innerHTML=req.responseText;
$('#province_id2').change(function(){
//...
});

ส่วนตรงนี้คือเอา jquery ไปต่อท้าย document.getElementById("show").innerHTML=req.responseText; ของไฟล search.php เลยใช่ป่ะคับ
Date : 2009-12-19 08:06:07 By : ไวยวิทย์
 

 

No. 3



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

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

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

ครับ :D
Date : 2009-12-19 08:07:26 By : num
 


 

No. 4

Guest


ได้อย่างที่พี่บอกเลยครับ

ขอบคุณคับ
Date : 2009-12-19 08:54:06 By : ไวยวิทย์
 

   

ค้นหาข้อมูล
   
 

แสดงความคิดเห็น
Re : Ajax อีกสักครั้ง ดูโค้ดและรูปเลยครับ คืออำเภอ ตำบล มันไม่เปลี่ยนตามเหมือน มันหาตัว select box ไม่เจออ่ะคับ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ 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 02
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2025 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่