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 > สอบถามเกียวกับ ajax ผมจะทำจังหวัดอำเภอตำบลครับ มีปัญหาคือมันไม่ทำงาน



 

สอบถามเกียวกับ ajax ผมจะทำจังหวัดอำเภอตำบลครับ มีปัญหาคือมันไม่ทำงาน

 



Topic : 112236



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



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




test.php
Code (PHP)
<table>
<tr>
                                        <td align="right">จังหวัด</td>
                                        <td>
                                        <span id="provinceDiv_1">
                                            <select class="form-control" name="txtProvince_1" id="txtProvince_1"  onchange="dochange('province')">
                                            <option value="<?=$Province_ID;?>">เลือกจังหวัด</option>
                                            </select>
                                        </span>
                                        </td>
                                        <td align="right">อำเภอ</td>
                                        <td>
                                       <span id="amphurDiv_1">
                                            <select class="form-control" name="txtAmphur_1" id="txtAmphur_1" onchange="dochange('amphur')">
                                            <option value="<?=$District_ID;?>">เลือกอำเภอ</option>
                                            </select>
                                       </span>
                                        </td>
                                        <td align="right">ตำบล</td>
                                        <td>
                                        <span id="tumbonDiv_1">
                                            <select class="form-control" name="txtTumbol_1" id="txtTumbol_1" >
                                            <option value="<?=$Sub_District_ID;?>" >เลือกตำบล</option>
                                            </select>
                                        </span>
                                        </td>
</tr>
<tr>
                                        <td align="right">จังหวัด</td>
                                        <td>
                       					<span id="provinceDiv_2">
                                            <select class="form-control" name="txtProvince_2" id="txtProvince_2"  onchange="dochange1('province1')">
                                            <option value="<?=$Province_ID1;?>">เลือกจังหวัด</option>
                                            </select>
                                        </span>
                                        </td>
                                        <td align="right">อำเภอ</td>
                                        <td>
                                       <span id="amphurDiv_2">
                                            <select class="form-control" name="txtAmphur_2" id="txtAmphur_2" onchange="dochange1('amphur1')">
                                            <option value="<?=$District_ID1;?>">เลือกอำเภอ</option>
                                            </select>
                                       </span>
                                        </td>
                                        <td align="right">ตำบล</td>
                                        <td>
                                        <span id="tumbonDiv_2">
                                            <select class="form-control" name="txtTumbol_2" id="txtTumbol_2" >
                                            <option value="<?=$Sub_District_ID1;?>" >เลือกตำบล</option>
                                            </select>
                                        </span>
                                        </td>
                                  </tr>
<table>


ajax.js
Code (JavaScript)
	       //AJAX Function จังหวัด อำเภอ ตำบล 1 Function ที่
        function Inint_AJAX()
        {
            try{
                return new ActiveXObject( "Msxml2.XMLHTTP" );} catch ( e ){ };
            try{
                return new ActiveXObject( "Microsoft.XMLHTTP" );} catch ( e ){};
			try {  return new XMLHttpRequest();}catch ( e ){
            };
            alert( "XMLHttpRequest not supported" );
            return null;
			
			};
        
function dochange( obj ) 				
        {
            var req = Inint_AJAX();
            var province = document.getElementById( 'txtProvince_1' ).value;
            var tumbon = document.getElementById( 'txtTumbol_1' ).value;
            if ( obj && obj.name == 'province' ) //เมื่อทำการเลือที่จังหวัดมา ให้เคลียร์ค่าอำเภอ
            {
                var amphur = "";
            }
            else //เลือกรายการอื่น
            {
                var amphur = document.getElementById( 'txtAmphur_1' ).value;
            };
			
            var data = "province=" + province + "&amphur=" + amphur + "&tumbon=" + tumbon;
            req.onreadystatechange = function()
            {
                if ( req.readyState == 4 )
                {
                    if ( req.status == 200 )
                    {
                        var datas = eval( '(' + req.responseText + ')' ); // JSON
                        document.getElementById( 'provinceDiv_1' ).innerHTML = datas[0].province;
                        document.getElementById( 'amphurDiv_1' ).innerHTML = datas[0].amphur;
                        document.getElementById( 'tumbonDiv_1' ).innerHTML = datas[0].tumbon;
                    };
                };
            };
            req.open( "post" , "regisProvince.php" , true ); //สร้าง connection
            req.setRequestHeader( "Content-Type", "application/x-www-form-urlencoded" ); // set Header
            req.send( data ); //ส่งค่า
        };
        
        //โหลดครั้งแรก
window.onload = function()
        {
            dochange( '' );
        }; 

    function Inint_AJAX1()
        {
            try{
                return new ActiveXObject( "Msxml2.XMLHTTP" );} catch ( e ){ };
            try{
                return new ActiveXObject( "Microsoft.XMLHTTP" );} catch ( e ){};
			try {  return new XMLHttpRequest();}catch ( e ){
            };
            alert( "XMLHttpRequest not supported" );
            return null;
			
			};
function dochange1( obj ) 				
        {
            var req1 = Inint_AJAX1();
            var province1 = document.getElementById( 'txtProvince_2' ).value;
            var tumbon1 = document.getElementById( 'txtTumbol_2' ).value;
            if ( obj && obj.name == 'province1' ) //เมื่อทำการเลือที่จังหวัดมา ให้เคลียร์ค่าอำเภอ
            {
                var amphur1 = "";
            }
            else //เลือกรายการอื่น
            {
                var amphur1 = document.getElementById( 'txtAmphur_2' ).value;
            };
            var data = "province1=" + province1 + "&amphur1=" + amphur1 + "&tumbon1=" + tumbon1;
            req1.onreadystatechange = function()
            {
                if ( req1.readyState == 4 )
                {
                    if ( req1.status == 200 )
                    {
                        var datas = eval( '(' + req1.responseText + ')' ); // JSON
                        document.getElementById( 'provinceDiv_2' ).innerHTML = datas[0].province1;
                        document.getElementById( 'amphurDiv_2' ).innerHTML = datas[0].amphur1;
                        document.getElementById( 'tumbonDiv_2' ).innerHTML = datas[0].tumbon1;
                    };
                };
            };
            req1.open( "post" , "regisProvince_2.php" , true ); //สร้าง connection
            req1.setRequestHeader( "Content-Type", "application/x-www-form-urlencoded" ); // set Header
            req1.send( data ); //ส่งค่า
        };
        
        //โหลดครั้งแรก
window.onload = function()
        {
            dochange1( '' );
        };



คือผม ตัวเดียวได้คือ จังหวัด อำเภอ ตำบล 1 ชุด
แต่พอเวลาผมเพิ่ม จังหวัดอำเภอตำบลไปอีก 1 ชุด

ปัญหาคือ 1.ชุดแรกไม่ทำงาน แต่ชุดที่ 2 ทำงานแทน



Tag : PHP, Ajax







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2014-10-29 16:03:10 By : praphat_thekop View : 781 Reply : 4
 

 

No. 1



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

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

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








แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-10-30 10:05:41 By : mr.win
 


 

No. 2



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



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


ตอบความคิดเห็นที่ : 1 เขียนโดย : mr.win เมื่อวันที่ 2014-10-30 10:05:41
รายละเอียดของการตอบ ::
แก้ได้แล้วครับ
ปัญหาคือ onload ชนกันครับ
แก้ได้โดย
เปลี่ยนเป็น
$(function(){

dochange('');
});

ความรู้ดีๆจาก
http://blog.chonla.com/2008/11/jquery-ready-%E0%B8%81%E0%B8%B1%E0%B8%9A-windowonload-%E0%B8%84%E0%B8%A7%E0%B8%B2%E0%B8%A1%E0%B9%80%E0%B8%AB%E0%B8%A1%E0%B8%B7%E0%B8%AD%E0%B8%99%E0%B8%97%E0%B8%B5%E0%B9%88%E0%B9%81%E0%B8%95/

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-10-30 14:53:18 By : praphat_thekop
 

 

No. 3



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



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


ผมชอบเขียน code ที่มันสั้นๆแต่ยาก ดีกว่า เขีียนง่ายๆแต่ยาว เพราะถ้าเขียนได้ 1 ครั้งครั้งต่อไป code ก็จะสั้นลง
แต่ถ้าทำอะไร ง่ายๆ แบบเดิม มันก็ต้องเขียนยาวเหมือนเดิมและไม่รู้อะไรใหม่่ๆ ครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-10-30 15:40:24 By : gaowteen
 


 

No. 4



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



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


ตอบความคิดเห็นที่ : 3 เขียนโดย : gaowteen เมื่อวันที่ 2014-10-30 15:40:24
รายละเอียดของการตอบ ::
เยี่ยม...

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-11-03 16:45:05 By : praphat_thekop
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : สอบถามเกียวกับ ajax ผมจะทำจังหวัดอำเภอตำบลครับ มีปัญหาคือมันไม่ทำงาน
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ 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 04
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 อัตราราคา คลิกที่นี่