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 > ทำ combobox เลือกจังหวัด 2 ชุด ทำยังไงครับรบกวนช่วยตอบปัญหาให้หน่อยครับ


[PHP] ทำ combobox เลือกจังหวัด 2 ชุด ทำยังไงครับรบกวนช่วยตอบปัญหาให้หน่อยครับ

 
Topic : 075126



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



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



รูปตัวอย่าง

มีคำถามครับ คือ ต้องการเลือก ที่อยู่ปัจจุบัน และที่อยู่ภูมิลำเนาอ่ะครับ แล้วมันต้องมี combobox จังหวัด 2 อัน อำเภอ 2 อัน ตำบล2 อัน แล้วที่นี้ มันขึ้นแค่ จังหวัด อำเภอ ตำบล แค่ชุดเดียวอ่ะครับ ต้องทำยังไงครับ ให้ขึ้นทั้งสองชุด

ปล.ผมทำการ copy ไฟล์ province.php และ ฟังก์ชั่น dochange() ออกมา อีก ชุดแล้ว สร้างตัวแปรแยก แล้ว ครับ แต่ก็ยังไม่ได้ ผม เป็นมือใหม่ครับ รบกวนช่วยตอบปัญหา ของผมด้วยนะครับ ขอบคุณครับ จำเป็นต้องใช้มากๆครับ รบกวนตอบปัญหาด้วยครับCode (PHP)

นี้โค้ดต้นฉบับครับ (index.php) ครับ
view source
print?
001.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
002.<html xmlns="http://www.w3.org/1999/xhtml">
003.<head>
004.<title>จังหวัด-อำเภอ-ตำบล ด้วย AJAX</title>
005.<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
006.<style type="text/css">
007.* {
008.    font-family:Tahoma;
009.    font-size:8pt;
010.}
011.</style>
012.</head>
013.<body>
014.<?php
015.    //ค่าที่ได้รับมาจากการ Submit
016.    $province = $_POST[province];
017.    $amphur = $_POST[amphur];
018.    $tumbon = $_POST[tumbon];
019.    if (!empty($amphur)) {
020.        echo "<br /><br />ค่าที่ได้จากการ Submit คือ :<br /<br />จังหวัดที่เลือก : $province<br />อำเภอที่เลือก : $amphur<br />ตำบลที่เลือก : $tumbon<br /><br /><br />\n";
021.    }
022.    echo "<form action=\"\" method=\"post\">\n";
023.    echo '<span id="provinceDiv">';
024.    echo "<label for=\"province\">จังหวัด :</label><select name=\"province\" id=\"province\" onchange=\"dochange('province')\">\n";
025.    echo "<option value=\"$province\">--------------</option> \n";
026.    echo "</select></span>\n";
027.    echo '<span id="amphurDiv">';
028.    echo "<label for=\"amphur\">อำเภอ :</label><select name=\"amphur\" id=\"amphur\" onchange=\"dochange('amphur')\">\n";
029.    echo "<option value=\"$amphur\">--------------</option> \n";
030.    echo "</select></span>\n";
031.    echo '<span id="tumbonDiv">';
032.    echo "<label for=\"tumbon\">ตำบล :</label><select name=\"tumbon\" id=\"tumbon\">\n"; //รายการสุดท้ายไม่ต้องมี event แล้ว
033.    echo "<option value=\"$tumbon\">--------------</option> \n";
034.    echo "</select></span>\n";
035.    echo "<br /><br /><br /><input type=\"submit\" value=\"ส่ง\" name=\"submit\" />\n";
036.    echo "</form>\n";
037.?>
038.<script type="text/javascript">
039.//AJAX
040.function Inint_AJAX()
041.{
042.    try
043.    {
044.        return new ActiveXObject( "Msxml2.XMLHTTP" );
045.    }
046.    catch ( e )
047.    {
048.    };
049. 
050.    try
051.    {
052.        return new ActiveXObject( "Microsoft.XMLHTTP" );
053.    }
054.    catch ( e )
055.    {
056.    };
057. 
058.    try
059.    {
060.        return new XMLHttpRequest();
061.    }
062.    catch ( e )
063.    {
064.    };
065. 
066.    alert( "XMLHttpRequest not supported" );
067.    return null;
068.};
069. 
070.function dochange( obj )
071.{
072.    var req = Inint_AJAX();
073.    var province = document.getElementById( 'province' ).value;
074.    var tumbon = document.getElementById( 'tumbon' ).value;
075.    if ( obj && obj.name == 'province' ) //เมื่อทำการเลือที่จังหวัดมา ให้เคลียร์ค่าอำเภอ
076.    {
077.        var amphur = "";
078.    }
079.    else //เลือกรายการอื่น
080.    {
081.        var amphur = document.getElementById( 'amphur' ).value;
082.    };
083.    var data = "province=" + province + "&amphur=" + amphur + "&tumbon=" + tumbon;
084.    req.onreadystatechange = function()
085.    {
086.        if ( req.readyState == 4 )
087.        {
088.            if ( req.status == 200 )
089.            {
090.                var datas = eval( '(' + req.responseText + ')' ); // JSON
091.                document.getElementById( 'provinceDiv' ).innerHTML = datas[0].province;
092.                document.getElementById( 'amphurDiv' ).innerHTML = datas[0].amphur;
093.                document.getElementById( 'tumbonDiv' ).innerHTML = datas[0].tumbon;
094.                 
095.            };
096.        };
097.    };
098.    req.open( "post" , "province.php" , true ); //สร้าง connection
099.    req.setRequestHeader( "Content-Type", "application/x-www-form-urlencoded" ); // set Header
100.    req.send( data ); //ส่งค่า
101.};
102. 
103.//โหลดครั้งแรก
104.window.onload = function()
105.{
106.    dochange( '' );
107.};
108.</script>
109.</body>
110.</html>



ไฟล์(province.php) ครับ

Code (PHP)
view source
print?
01.<?php
02.    header("Expires: Sat, 1 Jan 2005 00:00:00 GMT");
03.    header("Last-Modified: ".gmdate("D, d M Y H:i:s")."GMT");
04.    header("Cache-Control: no-cache, must-revalidate");
05.    header("Pragma: no-cache");
06.    header("content-type: application/x-javascript; charset=UTF-8");
07.    include "config.inc.php";
08.    //ให้คืนค่าจังหวัดไว้เป็นอันดับแรก
09.    $sql = "SELECT id, name FROM ".$prefix."province";
10.    $result = mysql_query($sql);
11.    echo "[{\"province\":\"";
12.    echo "<label for='province'>จังหวัด :</label>";
13.    echo "<select name='province' id='province' onchange='dochange(this)'>";
14.    echo "<option value='0'>--กรุณาเลือกจังหวัด--</option>";
15.    while ($fetcharr = mysql_fetch_array($result)) {
16.        $id = $fetcharr[id];
17.        $name = $fetcharr[name];
18.        echo "<option value='$id'";
19.        if ($province == $id) //เลือกจังหวัดที่เลือกไว้
20.            {
21.            echo " selected='selected'";
22.        }
23.        echo ">$name</option>";
24.    }
25.    echo "</select>\",\"amphur\":\"";
26.    echo "<label for='amphur'>อำเภอ :</label>";
27.    echo "<select name='amphur' id='amphur' onchange='dochange(this)'>";
28.    //ถ้ามีการเลือกจังหวัดมาแล้วให้แสดงอำเภอต่อ
29.    if ($province != "0" && $province != "") {
30.        echo "<option value='0'>--กรุณาเลือกอำเภอ--</option>";
31.        $sql = "SELECT id, name FROM ".$prefix."amphur WHERE provinceID='$province'";
32.        $result = mysql_query($sql);
33.        while ($fetcharr = mysql_fetch_array($result)) {
34.            $id = $fetcharr[id];
35.            $name = $fetcharr[name];
36.            echo "<option value='$id'";
37.            if ($amphur == $id) //เลือกอำเภอที่เลือกไว้
38.                {
39.                echo " selected='selected'";
40.            }
41.            echo ">$name</option>";
42.        }
43.    } else {
44.        echo "<option value=''>--------------</option>";
45.    }
46.    echo "</select>\",\"tumbon\":\"";
47.    echo "<label for='tumbon'>ตำบล :</label>";
48.    echo "<select name='tumbon' id='tumbon'>";
49.    //ถ้ามีการเลือกอำเภอมาแล้วให้แสดงตำบลต่อ
50.    if ($amphur != "0" && $amphur != "") {
51.        echo "<option value='0'>--กรุณาเลือกตำบล--</option>";
52.        $sql = "SELECT id, name FROM ".$prefix."tumbon WHERE amphurID='$amphur'";
53.        $result = mysql_query($sql);
54.        while ($fetcharr = mysql_fetch_array($result)) {
55.            $id = $fetcharr[id];
56.            $name = $fetcharr[name];
57.            echo "<option value='$id'";
58.            if ($tumbon == $id) //เลือกตำบลที่เลือกไว้
59.                {
60.                echo " selected='selected'";
61.            }
62.            echo ">$name</option>";
63.        }
64.    } else {
65.        echo "<option value=''>--------------</option>";
66.    }
67.    echo "</select>\"}]";
68.    mysql_close();
69.?>


นี้เป็นไฟล์ฐานข้อมูลครับ
http://www.tempf.com/upload/link.php?session_id=4f5715ab93e6d



Tag : PHP
Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2012-03-07 15:08:03 By : pspang View : 2470 Reply : 4
 

 

No. 1



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

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

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

select 2 รอบครับ ต่างตัวแปร
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-03-07 15:11:37 By : Dragons_first
 

 

No. 2



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



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


ครับ ผม ลอง เปลียน ตัวแปรแล้วคับ เปลียน ที่ตัวแปร ของ combobox แล้วก็ ที่ java ใช่มั้ยครับ ผม ลองเปลียนแล้ว แต่ว่า พอเปลียนแล้ว
combobox ชุดแรก มันไม่ขึ้นครับ เปลียนมาขึ้น ชุดที่2แทน อ่าครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-03-07 16:30:24 By : pspang
 

 

No. 3



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

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

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

คุณใช้ ajax ชุดเดียวกันหรือเปล่าล่ะครับ มันจะใช้ร่วมกัน 2 ที่ไม่ได้นะครับ เพราะว่าค่าจะถูกส่งไปแค่ที่เดียวเท่านั้นนะครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-03-07 16:37:30 By : Dragons_first
 

 

No. 4



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



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


ถ้าอย่างงั้นผม ต้อง แยก โค้ด Code (PHP)
view source
print?
01.<script type="text/javascript">
02.//AJAX
03.function Inint_AJAX()
04.{
05.    try
06.    {
07.        return new ActiveXObject( "Msxml2.XMLHTTP" );
08.    }
09.    catch ( e )
10.    {
11.    };
12. 
13.    try
14.    {
15.        return new ActiveXObject( "Microsoft.XMLHTTP" );
16.    }
17.    catch ( e )
18.    {
19.    };
20. 
21.    try
22.    {
23.        return new XMLHttpRequest();
24.    }
25.    catch ( e )
26.    {
27.    };
28. 
29.    alert( "XMLHttpRequest not supported" );
30.    return null;
31.};
32. 
33.function dochange( obj )
34.{
35.    var req = Inint_AJAX();
36.    var province = document.getElementById( 'province' ).value;
37.    var tumbon = document.getElementById( 'tumbon' ).value;
38.    if ( obj && obj.name == 'province' ) //เมื่อทำการเลือที่จังหวัดมา ให้เคลียร์ค่าอำเภอ
39.    {
40.        var amphur = "";
41.    }
42.    else //เลือกรายการอื่น
43.    {
44.        var amphur = document.getElementById( 'amphur' ).value;
45.    };
46.    var data = "province=" + province + "&amphur=" + amphur + "&tumbon=" + tumbon;
47.    req.onreadystatechange = function()
48.    {
49.        if ( req.readyState == 4 )
50.        {
51.            if ( req.status == 200 )
52.            {
53.                var datas = eval( '(' + req.responseText + ')' ); // JSON
54.                document.getElementById( 'provinceDiv' ).innerHTML = datas[0].province;
55.                document.getElementById( 'amphurDiv' ).innerHTML = datas[0].amphur;
56.                document.getElementById( 'tumbonDiv' ).innerHTML = datas[0].tumbon;
57.                 
58.            };
59.        };
60.    };
61.    req.open( "post" , "province.php" , true ); //สร้าง connection
62.    req.setRequestHeader( "Content-Type", "application/x-www-form-urlencoded" ); // set Header
63.    req.send( data ); //ส่งค่า
64.};
65. 
66.//โหลดครั้งแรก
67.window.onload = function()
68.{
69.    dochange( '' );
70.};
71.</script>


แล้ว ก็ ไฟล์ province เป็นสอง ชุดใช่ป่ะคับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-03-07 18:27:28 By : pspang
 

   

ค้นหาข้อมูล
   
 

แสดงความคิดเห็น
Re : ทำ combobox เลือกจังหวัด 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 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)





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 อัตราราคา คลิกที่นี่