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 > รบกวนช่วยด้วยครับ ต้องการสร้าง drop down list 3 ชั้น list อันแรกแสดงชื่อระบบฐานข้อมูล เมื่อเลือก list อันแรกเสร็จ list อันที่2และอันที่3 แสดงตารางที่มีอยู่ใน list อันที่ 1 ครับ



 

รบกวนช่วยด้วยครับ ต้องการสร้าง drop down list 3 ชั้น list อันแรกแสดงชื่อระบบฐานข้อมูล เมื่อเลือก list อันแรกเสร็จ list อันที่2และอันที่3 แสดงตารางที่มีอยู่ใน list อันที่ 1 ครับ

 



Topic : 127911



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



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




ต้องการสร้าง drop down list 3 ชั้น ตามรูปนี้ครับ

ต้องการสร้าง drop down list 3 ชั้น list อันแรกแสดงชื่อระบบฐานข้อมูล เมื่อเลือก list อันแรกเสร็จ list อันที่2และอันที่3 แสดงตารางที่มีอยู่ใน list อันที่ 1 ครับ แต่ตอนนี้ผมทำได้แค่2 ชั้นอะครับ เหลือ ชั้นที่3

ไฟล์ config.php

Code (PHP)
<?php
    $host = "localhost"; // ส่วนมากมักเป็น localhost
    $user = "root"; // Username
    $pass = ""; // Password
    $dbname = "test"; // ชื่อฐานข้อมูล

    function conndb() {
        global $conn;
        global $host;
        global $user;
        global $pass;
        global $dbname;
        $conn = mysql_connect($host,$user,$pass);

    mysql_query("SET NAMES 'utf8'");
    mysql_select_db($dbname) ;
      if (!$conn)
        die("ไม่สามารถติดต่อกับฐานข้อมูลได้");

      mysql_select_db($dbname,$conn)
        or die("ไม่สามารถเลือกใช้งานฐานข้อมูลได้");
    }

    function closedb() {
      global $conn;
      mysql_close($conn);
    }
?>


ไฟล์ index.php

Code (PHP)
<html>
    <head>
   
    </head>
    <script language=Javascript>
        function Inint_AJAX() {
           try { return new ActiveXObject("Msxml2.XMLHTTP");  } catch(e) {} //IE
           try { return new ActiveXObject("Microsoft.XMLHTTP"); } catch(e) {} //IE
           try { return new XMLHttpRequest();          } catch(e) {} //Native Javascript
           alert("XMLHttpRequest not supported");
           return null;
        };

        function dochange(src, val) {
             var req = Inint_AJAX();
             req.onreadystatechange = function () {
                  if (req.readyState==4) {
                       if (req.status==200) {
                            document.getElementById(src).innerHTML=req.responseText; //รับค่ากลับมา
                       }
                  }
             };
             req.open("GET", "localtion.php?data="+src+"&val="+val); //สร้าง connection
             req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;charset=utf-8"); // set Header
             req.send(null); //ส่งค่า
        }


            function initPage() {
              dochange('databases', -1);
              dochange('databases2', -1);
              dochange('databases3', -1);
            }

            window.onLoad = initPage();
    </script>
    <body>
        <form name="form" method="post" action="get_form.php">
          <div class="form-group col-sm-12 form-wrapper">
        <label for="inputPassword" class="col-sm-4 control-label">ฐานข้อมูล</label>
            <div class='col-sm-8'>
          <span id="databases">
              <select class='form-control'>
                  <option value="0">- เลือกฐานข้อมูล -</option>
              </select>
          </span>
        </div>
        </div>
              <div class="form-group col-sm-12 form-wrapper">
            <label for="inputPassword" class="col-sm-4 control-label">ข้อมูลที่1</label>
            <div class='col-sm-8'>
            <span id="table">
                <select class='form-control' name="table">
                    <option value='0'>- เลือกตาราง -</option>
                </select>
            </span>
            </div>
          </div>
            <div class="form-group col-sm-12 form-wrapper">
          <label for="inputPassword" class="col-sm-4 control-label">ข้อมูลที่2</label>
          <div class='col-sm-8'>
          <span id="table">
              <select class='form-control' name="table">
                  <option value='0'>- เลือกตาราง -</option>
              </select>
          </span>
          </div>
        </div><p>
            <input type="submit" name="Submit" value="ตกลง"> <INPUT type="reset" value="ยกเลิก">
        </form>
    </body>
</html>


ไฟล์ data.php

Code (PHP)
<?php
    header("content-type: text/html; charset=utf-8");
    header ("Expires: Wed, 21 Aug 2013 13:13:13 GMT");
    header ("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT");
    header ("Cache-Control: no-cache, must-revalidate");
    header ("Pragma: no-cache");

    include "config.php";
    conndb();

    $data = $_GET['data'];
    $val = $_GET['val'];

    if ($data=='databases') {

         echo "<select class='form-control' name='databases' onChange=\"dochange('table', this.value)\">";
         echo "<option value='0'>- เลือกฐานข้อมูล -</option>\n";
         $result=mysql_query("show databases;");
         while($row = mysql_fetch_row($result)){
              echo "<option value='$row[0]' >$row[0]</option>" ;
         }
    }
      else if ($data=='table') {
          echo "
         <select class='form-control' name='table' onChange=\"dochange('colomn1', this.value)\">";
          echo "<option value='0'>- เลือกตาราง -</option>\n";
          $result=mysql_query("SHOW TABLES FROM $val");
          while($row = mysql_fetch_row($result)){
               echo "<option value=\"$row[0]\" >$row[0]</option> " ;
          }
     }
         echo "</select>\n";

        echo mysql_error();
        closedb();
?>




Tag : PHP






Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2017-06-07 14:25:22 By : watcharawit66 View : 4636 Reply : 9
 

 

No. 1



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

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

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


ติดส่วนไหนครับ
https://www.thaicreate.com/community/dependant-listmenu-dropdownlist.html


แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-06-07 15:29:44 By : คนมีเสน่ห์
 


 

No. 2



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



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


ตอบความคิดเห็นที่ : 1 เขียนโดย : คนมีเสน่ห์ เมื่อวันที่ 2017-06-07 15:29:44
รายละเอียดของการตอบ ::
data
ติดตรง list อันที่ 3 มันไม่แสดงข้อมูลเหมือน list อันที่2 ครับ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-06-08 13:02:47 By : watcharawit66
 

 

No. 3



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

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

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


ผมก็ยังอยากแนะนำ ระบบนี้อยู่...เป็นแนวคิด อาจจะไปปรับได้ครับ
ระบบ Auto Complete ที่อยู่ไทย อย่างที่มันควรเป็น
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-06-08 13:54:24 By : apisitp
 


 

No. 4



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

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

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


ิลองเอาที่ผมทำเล่นๆ ไปดัดแปลงดูครับ
https://www.dropbox.com/s/t4wzhxaranmf3g9/jquery-dependent-dropdown-list-countries-and-states.rar?dl=0


ประวัติการแก้ไข
2017-06-08 14:37:38
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-06-08 14:20:37 By : คนมีเสน่ห์
 


 

No. 5



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



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


ตอบความคิดเห็นที่ : 3 เขียนโดย : apisitp เมื่อวันที่ 2017-06-08 13:54:24
รายละเอียดของการตอบ ::
จะลองดูครับ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-06-08 15:16:39 By : watcharawit66
 


 

No. 6



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



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


ตอบความคิดเห็นที่ : 4 เขียนโดย : คนมีเสน่ห์ เมื่อวันที่ 2017-06-08 14:20:37
รายละเอียดของการตอบ ::
เข้าไม่ได้ครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-06-08 15:17:01 By : watcharawit66
 


 

No. 7



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

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

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


https://drive.google.com/file/d/0B4-IPYRm3j2va2NRVXJfLWhDRFk/view?usp=sharing


ประวัติการแก้ไข
2017-06-08 15:29:35
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-06-08 15:26:13 By : คนมีเสน่ห์
 


 

No. 8



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

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

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


จริงๆ เอา on change ของ jquery มาจับพฤติกรรมของแต่ละ select แล้วส่งค่าต่อไปเรื่อยๆ...
คิดว่าที่ของท่าน คนมีเสน่ห์ แจกมา น่าจะเป็นแบบนั้นนะ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-06-08 15:35:22 By : apisitp
 


 

No. 9



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

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

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


ตอบความคิดเห็นที่ : 8 เขียนโดย : apisitp เมื่อวันที่ 2017-06-08 15:35:22
รายละเอียดของการตอบ ::
ง่ายๆ ฮะ ไม่มีอะไรซับซ้อนยากเย็นเลย ใช้ onchange จับ id แต่ละ select ไปเทียบฐานข้อมูล ธรรมดาๆ นี่แหล่ะ
เหมือนที่เค้าแจก ตามเน็ตทั่วๆ ไป

แต่ไม่แน่ใจว่า จขกท. ออกแบบฐานข้อมูลแบบนั้นหรือป่าว ถ้าออกแบบตามหลัก ก็ไม่มีปัญหา
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-06-08 15:40:02 By : คนมีเสน่ห์
 

   

ค้นหาข้อมูล
   
 

แสดงความคิดเห็น
Re : รบกวนช่วยด้วยครับ ต้องการสร้าง drop down list 3 ชั้น list อันแรกแสดงชื่อระบบฐานข้อมูล เมื่อเลือก list อันแรกเสร็จ list อันที่2และอันที่3 แสดงตารางที่มีอยู่ใน list อันที่ 1 ครับ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ 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 อัตราราคา คลิกที่นี่