Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,038

HOME > PHP > PHP Forum > รบกวนช่วยดูทีครับ select option แล้ว แสดงผลเป็นตาราง ไม่ออก

[PHP] รบกวนช่วยดูทีครับ select option แล้ว แสดงผลเป็นตาราง ไม่ออก

เริ่มหัวข้อใหม่

BlackDog

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

ช่วยดูทีครับ มีหน้าselect ส่งค่า Get ไปโดยใช้ ajax หรือ jquery ก็แล้ว มันไม่ไป แล้วไม่แสดงด้วย

Code (PHP)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Select Car</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/select_style.css">
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script>
    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/s/dt/dt-1.10.10/datatables.min.css"/> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"> </script>
<script type="text/javascript" src="https://cdn.datatables.net/s/dt/dt-1.10.10/datatables.min.js">
</script>
    <script type="text/javascript">
        $(document).ready(function(){
             
            $("select#typeSub").attr("disabled","disabled");
            $("select#carType").change(function(){
            $("select#typeSub").attr("disabled","disabled");
            $("select#typeSub").html("<option>wait...</option>");
            var carType = $("select#carType option:selected").attr('value');
             
            $.post("select_type.php", {carType:carType}, function(data){
                $("select#typeSub").removeAttr("disabled");
                $("select#typeSub").html(data);
              }); //post
            }); //change
             
            $("select#yearStart").attr("disabled","disabled");
            $("select#typeSub").change(function(){
            $("select#yearStart").attr("disabled","disabled");
            $("select#yearStart").html("<option>wait...</option>");
            var typeSub = $("select#typeSub option:selected").attr('value');
             
            $.post("select_yearStart.php", {typeSub:typeSub}, function(data){
                $("select#yearStart").removeAttr("disabled");
                $("select#yearStart").html(data);               
                }); //post
            }); //change
             
            $("select#yearEnd").attr("disabled","disabled");
            $("select#yearStart").change(function(){
            $("select#yearEnd").attr("disabled","disabled");
            $("select#yearEnd").html("<option>wait...</option>");
            var yearStart = $("select#yearStart option:selected").attr('value');
             
            $.post("select_yearEnd.php", {yearStart:yearStart}, function(data){
                $("select#yearEnd").removeAttr("disabled");
                $("select#yearEnd").html(data);             
                }); //post
            }); //change
             
            $.ajax({
                type:"GET",
                url:"select_ShowSelectAll.php"
            }).done(function(data) {
                $("#result").html();
            });
             
            function search(){
                var carType = document.$("select#carType option:selected").value;    
                var typeSub = document.$("select#typeSub option:selected").value;
                var yearStart = document.$("select#yearStart option:selected").value;
                var yearEnd = document.$("select#yearEnd option:selected").value;
                alert
                $.get("select_ShowSelectAll.php", function(data){
                        $("#result").html(data);
                    });
            }
             
        }); //ready 
         
         
    </script>
    </head>
    <body>    
    <center>
    <div id="select_box">
        <?php 
        include "select.class.php";     
        ?>
    <form id="select_form" action="" method="get">
            <select id="carType" style="width: 235px">
                <?php echo $opt->ShowMakes(); ?>
            </select>
        <br />
            <select id="typeSub" style="width: 235px">
                <option value="0">All Model</option>
            </select>
        <br />
            <select id="yearStart" style="width: 105px">
                <option value="0">All Year</option>
            </select>
            &nbsp;to&nbsp;
            <select id="yearEnd" style="width: 105px">
                <option value="0">All Year</option>
            </select>
            <br /><br />
        <input type="button" id="Search" value="Search" onClick="Search()" />
        </form>
        <br /><br />
        <center>
        <div id="result"></div>
        </center>
    </div>
    </body>
</html>

Code (PHP)

<?php
include "css/connect.php";
 
            $carType = $_GET['carType'];
            $typeSub = $_GET['typeSub'];
            $yearStart = $_GET['yearStart'];
            $yearEnd = $_GET['yearEnd'];
             
            $sql = "SELECT cartype, cartype_sub, caryear FROM car WHERE cartype='$carType' AND cartype_sub='$typeSub' AND caryear BETWEEN '$yearStart' AND '$yearEnd' ";
            $res = mysql_query($sql,$objConnect);
            ?>
            <table border="0" cellpadding="0" cellspacing="0">
            <tr>
                <td width='60'>Car</td>
                <td width='80'>Model</td>
                <td width='50'>Year</td>
            </tr>
            <?php
            while($row = mysql_fetch_array($res))
            {
            ?>
            <tr>
                <td><? echo $row[cartype] ?></td>
                <td><? echo $row[cartype_sub] ?></td>
                <td><? echo $row[caryear] ?></td>
            </tr>
            <?php } //closing while
            mysql_close($objConnect);//mysql connection close 
            ?>
        </table>
            }
        }
?>

Tag : PHP, HTML/CSS, JavaScript, Ajax, jQuery, CakePHP

Date : 2016-01-14 11:52:17

By : best5566

View : 1136

Reply : 8

No. 1

Guest

.get ท่านไม่ได้ส่งค่าตัวแปรไป

เขียนแบบนี้หรือเปล่าไม่รู้นะ ไม่ถนัด jquery ดูตาม .post ของท่านแล้วน่าจะประมาณนี้

Code (PHP)

$.get( "select_ShowSelectAll.php", { carType: carType, typeSub: typeSub, yearStart:yearStart, yearEnd:yearEnd  } ,function( data ) {
    $("#result").html(data);
  });

Date : 2016-01-14 13:20:11

By : noMerzy

No. 2

xMan

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

Code (PHP)

$.get( "select_ShowSelectAll.php", function( data ) {
$("#result").html(data);
});

มัน return อะไรมา?
ถ้าว่างเปล่า test: select_ShowSelectAll.php

echo 'test'; //หรือลอง show: query ดู

ประวัติการแก้ไข
2016-01-14 14:03:58

Date : 2016-01-14 14:03:26

By : fossil31

No. 3

BlackDog

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

ตอบความคิดเห็นที่ : 1 เขียนโดย : noMerzy เมื่อวันที่ 2016-01-14 13:20:11

รายละเอียดของการตอบ ::

ลองใส่แล้วอะครับ หน้า select_ShowSelectAll.php ก็ยังไม่ออกอะครับ

Date : 2016-01-14 16:14:44

By : best5566

No. 4

BlackDog

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

ตอบความคิดเห็นที่ : 2 เขียนโดย : fossil31 เมื่อวันที่ 2016-01-14 14:03:26

รายละเอียดของการตอบ ::

ลอง echo 'test' ในหน้า select_ShowSelectAll.php ก็ยังไม่ขึ้นในหน้า select.php อะครับ หรือผมทำผิดตรงไหน

Date : 2016-01-14 16:17:59

By : best5566

No. 5

Guest

Code (PHP)

function search(){
var carType = document.$("select#carType option:selected").value;   
var typeSub = document.$("select#typeSub option:selected").value;
var yearStart = document.$("select#yearStart option:selected").value;
var yearEnd = document.$("select#yearEnd option:selected").value;
alert //ได้ใช้ editor เขียนหรือเปล่าครับ มันน่าจะแจ้ง error บรรทัดนี้นะ
$.get("select_ShowSelectAll.php", function(data){
$("#result").html(data);
});
}

ใช้พวก firefox developer ก็สะดวกดีครับ มันจะแจ้งเวลา javascript error

Date : 2016-01-14 17:37:28

By : noMerzy

No. 6

BlackDog

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

ตอบความคิดเห็นที่ : 5 เขียนโดย : noMerzy เมื่อวันที่ 2016-01-14 17:37:28

รายละเอียดของการตอบ ::

เดี๋ยวผมลองดูนะครับ โหลดแปบ

Date : 2016-01-15 09:10:04

By : best5566

No. 7

BlackDog

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

ตอบความคิดเห็นที่ : 5 เขียนโดย : noMerzy เมื่อวันที่ 2016-01-14 17:37:28

รายละเอียดของการตอบ ::

โหลดมาลองใช้ ดูงงเลย ว่ามันต้องทำยังไงให้มันตรวจหาerror ให้

Date : 2016-01-15 09:21:13

By : best5566

No. 8

BlackDog

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

ตอบความคิดเห็นที่ : 5 เขียนโดย : noMerzy เมื่อวันที่ 2016-01-14 17:37:28

รายละเอียดของการตอบ ::

ผมลองลบ alert ออกละ แล้วเปลี่ยนตัว jquery จาก1.3.2 เป็น1.8.3 เพราะตอนแรกมันก็ฟ้องตัวjquery อ่า
ขึ้น error onclick()
ตามรูปแบบนี้อะครับ

Date : 2016-01-15 10:12:35

By : best5566

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : รบกวนช่วยดูทีครับ select option แล้ว แสดงผลเป็นตาราง ไม่ออก

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)

Load balance : Server 00

Registered : 109,038

document.write("<font color=996600>[PHP]</font>"); [PHP] รบกวนช่วยดูทีครับ select option แล้ว แสดงผลเป็นตาราง ไม่ออก

No. 1

No. 2

No. 3

No. 4

No. 5

No. 6

No. 7

No. 8

ค้นหาข้อมูล

อัพโหลดแทรกรูปภาพ

Notice

[PHP] รบกวนช่วยดูทีครับ select option แล้ว แสดงผลเป็นตาราง ไม่ออก