<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 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 + "&hur=" + 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 + "&hur1=" + 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( '' ); };
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง