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 > ต้องการทำ แถบ select เลือกที่เป็นหัวข้อได้ ต้องทำอย่างไรคะ



 

ต้องการทำ แถบ select เลือกที่เป็นหัวข้อได้ ต้องทำอย่างไรคะ

 



Topic : 126835



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



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




1

ต้องการให้ select ได้ตรงหัวข้อตามภาพต้องเขียนอย่างไรคะ
ตอนนี้ไม่สามารถเขียนให้ select ได้ค่ะ ใครพอมีตัวอย่างหรือ live demo บ้างไหมคะ

2

Code (PHP)
<select id="dst" name="dst" class="js-example-basic-single" > 
                        <option value="0"> กรุณาเลือกปลายทาง </option>
                        <?php
                        while($result = $query3->fetch_object())
                            {
                        ?>
                            
                            <optgroup label='<option id=<?php echo $result->main_province ?> value=<?php echo $result->main_province ?>> <?php echo $result->main_name ?> </option>'>
                                <?php
                                    $sql3 = "SELECT * FROM province WHERE main_province_id=".$result->main_province;
                                    $query4 = $mysqli->query($sql3);
                                        
                                        while ($result2 = $query4->fetch_object()) {
                                            
                                            echo("<option id='".$result2->province_id."_dst' value='".$result2->province_id."'>".$result2->province."</option>");
                                        } 
                                ?>
                            </optgroup>

                        <?php
                        } 
                        ?>
                    </select>




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






Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2017-03-15 21:02:30 By : gainkullan View : 3065 Reply : 15
 

 

No. 1



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



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


optgroup ไม่สามารถ select ได้ครับ

ก็ทำให้มันเป็น option ครับ แล้วก็ใส่ css เอา

<select id="dst" name="dst" class="js-example-basic-single" > 
                        <option value="0"> กรุณาเลือกปลายทาง </option>
                        <?php
                        while($result = $query3->fetch_object())
                            {
                        ?>
                            
                            <option style="font-weight: bold;" id=<?php echo $result->main_province ?> value=<?php echo $result->main_province ?>> <?php echo $result->main_name ?> </option>
                                <?php
                                    $sql3 = "SELECT * FROM province WHERE main_province_id=".$result->main_province;
                                    $query4 = $mysqli->query($sql3);
                                        
                                        while ($result2 = $query4->fetch_object()) {
                                            
                                            echo("<option id='".$result2->province_id."_dst' value='".$result2->province_id."'>".$result2->province."</option>");
                                        } 
                                ?>

                        <?php
                        } 
                        ?>
                    </select>






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-03-15 22:41:01 By : tomrambo
 


 

No. 2



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



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


ตอบความคิดเห็นที่ : 1 เขียนโดย : tomrambo เมื่อวันที่ 2017-03-15 22:41:01
รายละเอียดของการตอบ ::
ขอบคุณมากค่ะ เเต่ใส่ css ไปเเล้ว css ไม่เเสดงผลตัวหนาขึ้นหรือตัวใหญ่ขึ้นค่ะ TT'
เราสามารถใส่ placeholder ให้กับ select ได้ไหมคะ เพราะใส่ไปมันไม่ขึ้น ไม่ทราบว่าตรงเเทรกตรงไหนถึงจะถูกต้องเเละขึ้นคะ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-03-15 23:02:09 By : gainkullan
 

 

No. 3



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



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


ผมทดสอบแล้ว ก็แสดงตัวหนาและตัวใหญ่ปกตินะครับ

ส่วนใส่ placeholder ให้ select ใส่ disabled selected hidden เข้าไปใน option ที่จะให้เป็น placeholder ครับ

เช่น

<option disabled selected hidden>กรุณาเลือกปลายทาง</option>
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-03-15 23:41:34 By : tomrambo
 


 

No. 4



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



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


ตอบความคิดเห็นที่ : 3 เขียนโดย : tomrambo เมื่อวันที่ 2017-03-15 23:41:34
รายละเอียดของการตอบ ::
ขอบคุณมากๆเลยนะคะ ตอนเเรกพยายามใส่อยู่หลายครั้งเเต่ไม่เป็น placeholder สักที


/
ก็ยังไม่ได้เหมือนเดิมเลยค่ะ

Code (PHP)
<select id="dst" name="dst" class="js-example-basic-single" style="border: 3px solid #001654; width: 100%; padding: 5px 10px; border-radius: 15px; " > 
                        <option disabled selected hidden> กรุณาเลือกปลายทาง </option>
                        <?php
                        while($result = $query3->fetch_object())
                            {
                        ?>
                            
                            <option style="font-weight: bold; font-size: 150%" id=<?php echo $result->main_province ?> value=<?php echo $result->main_province ?> > <?php echo $result->main_name ?> </option>
                                <?php
                                    $sql3 = "SELECT * FROM province WHERE main_province_id=".$result->main_province;
                                    $query4 = $mysqli->query($sql3);
                                        
                                        while ($result2 = $query4->fetch_object()) {
                                            
                                            echo("<option style='padding-left: 3%' id='".$result2->province_id."_dst' value='".$result2->province_id."'>".$result2->province."</option>");
                                        } 
                                ?>

                        <?php
                        } 
                        ?>
                    </select>


แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-03-16 11:03:07 By : gainkullan
 


 

No. 5



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



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


ลองเอา css นี้ไปใส่นะครับ

select:required:invalid {
color: #999;
}
option[value=""][disabled] {
display: none;
}
option {
color: #000;
}



ส่วนโค้ดลองใส่แบบนี้ครับ

<select id="dst" name="dst" class="js-example-basic-single" style="border: 3px solid #001654; width: 100%; padding: 5px 10px; border-radius: 15px; " required> 
                        <option value="" disabled selected> กรุณาเลือกปลายทาง </option>
                        <?php
                        while($result = $query3->fetch_object())
                            {
                        ?>
                            
                            <option style="font-weight: bold; font-size: 150%" id=<?php echo $result->main_province ?> value=<?php echo $result->main_province ?> > <?php echo $result->main_name ?> </option>
                                <?php
                                    $sql3 = "SELECT * FROM province WHERE main_province_id=".$result->main_province;
                                    $query4 = $mysqli->query($sql3);
                                        
                                        while ($result2 = $query4->fetch_object()) {
                                            
                                            echo("<option style='padding-left: 3%' id='".$result2->province_id."_dst' value='".$result2->province_id."'>".$result2->province."</option>");
                                        } 
                                ?>

                        <?php
                        } 
                        ?>
                    </select>

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-03-16 20:27:07 By : tomrambo
 


 

No. 6



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



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


รบกวนขอถามเพิ่มเติมนะคะ
เเถบ select ที่มีหัวข้อใหญ่ เเล้วก็หัวข้อย่อยๆ หาก select หัวข้อใหญ่ id ก็จะไปค้นหาใน เทเบิลนึง
ถ้า select หัวข้อย่อยก็จะไปค้นหาอีกเทเบิลนึง
เราจะทำให้มันรู้ได้ไงว่ามันต้องส่งค่าไป ค้นหาที่ไหนคะ เพราะมันอยู่ใน value เดียวกัน

โค้ดเดิมด้านบนเลยค่ะ อยากทราบการส่งค่าว่าจะส่งเเละรับค่าอย่างไร พอมีตัวอย่างเเนะนำไหมคะ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-03-16 22:59:10 By : gainkullan
 


 

No. 7



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



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


หัวข้อใหญ่ใส่ค่า value เป็นอะไรครับ ตัวเลข id หรือตัวอักษรครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-03-16 23:25:38 By : tomrambo
 


 

No. 8



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



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


ตอบความคิดเห็นที่ : 7 เขียนโดย : tomrambo เมื่อวันที่ 2017-03-16 23:25:38
รายละเอียดของการตอบ ::

เป็น id ค่ะ

หัวข้อใหญ่เป็นจังหวัด หัวข้อย่อยเป็นอำเภอ หากเลือกจังหวัดจะเก็บ id จังหวัดเเล้วส่งไปอีกหน้าเพื่อเเสดงข้อมูลต่างๆของอำเภอนั่นออกมาทั้งหมด
หากเลือกอำเภอ จะเก็บ id อำเภอเเล้วส่งไปอีกหน้าเพื่อเเสดงข้อมูลเฉพาะอำเภอที่เลือกค่ะ
เเต่ทั้งสอง id จะไปค้นหากันคนละเทเบิลค่ะ



แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-03-16 23:43:16 By : gainkullan
 


 

No. 9



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



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


ทั้งจังหวัดและอำเภออยู่ใน select อันเดียวกันตามรูปหรือเปล่่าครับ

กรุงเทพมหานคร <-- หัวข้อใหญ่
กรุงเทพ(จตุจักร) <-- หัวข้อย่อย
กรุงเทพ(เอกมัย) <-- หัวข้อย่อย
กรุงเทพ(สายใต้ใหม่) <-- หัวข้อย่อย

ผมเข้าใจถูกไหมครับ
คือ ใหญ่ กับ ย่อย อยู่ select ตัวเดียวกันใช่ไหมครับ?
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-03-17 00:31:00 By : tomrambo
 


 

No. 10



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



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


ตอบความคิดเห็นที่ : 9 เขียนโดย : tomrambo เมื่อวันที่ 2017-03-17 00:31:00
รายละเอียดของการตอบ ::
ถูกต้องค่ะ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-03-17 00:35:39 By : gainkullan
 


 

No. 11



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



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


ส่งค่าด้วยวิธีไหนครับ submit ฟอร์มธรรมดา หรือ ส่งด้วย ajax, jquery ครับ

ถ้า submit ฟอร์มธรรมดา ก็ยัดตัวอ้างอิงไปกับ value ด้วยครับ เช่น

ข้อใหญ่ ให้ส่งค่า value ไปแบบนี้ --> 1|id

ข้อย่อย ให้ส่งค่า value ไปแบบนี้ --> 2|id

โดยใช้ตัว | เป็นตัวแบ่งแยกค่าแต่ละค่าเพื่อให้ง่ายในการดึงค่ามาใช้

พอถึงหน้ารับค่าเราก็ไปแยกมันออกโดยใช้ explode แยกมัน แล้วมาเช็คว่าค่าแรกเป็น 1 หรือ 2

โดยใช้ if else ถ้าเป็น 1 ให้ยัดชื่อตาราง A ใส่ตัวแปร xxx ถ้าเป็น 2 ให้ยัดชื่อตาราง B ใส่ตัวแปร xxx

แล้วนำตัวแปร xxx ไปเป็นชื่อตารางที่จะ select ใน mysql โดยใช้ค่าที่2 คือค่า id ที่อยู่หลังตัว |

มากำหนดเงื่อนไขใน WHERE ครับ


ประวัติการแก้ไข
2017-03-17 01:22:28
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-03-17 01:21:54 By : tomrambo
 


 

No. 12



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



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


ตอบความคิดเห็นที่ : 11 เขียนโดย : tomrambo เมื่อวันที่ 2017-03-17 01:21:54
รายละเอียดของการตอบ ::
ขอบคุณมากนะคะสำหรับคำเเนะนำ พอจะมีตัวอย่างเเนะนำไหมคะ
พึ่งหัดเขียน เลยไม่เคยเขียนอะไรที่ซับซ้อนค่ะยังนึกภาพไม่ค่อยออกว่าจะต้องเขียนอย่างไรค่ะ รบกวนด้วยนะคะ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-03-17 01:28:07 By : gainkullan
 


 

No. 13



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



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


ตอบความคิดเห็นที่ : 12 เขียนโดย : gainkullan เมื่อวันที่ 2017-03-17 01:28:07
รายละเอียดของการตอบ ::
ได้ครับ ด้วยความยินดีครับ ยังไงติดต่อหลังไมค์นะครับ
คืนนี้ผมขอตัวนอนก่อนครับ ตอนนี้ที่บ้านผม 6 โมงเช้าละครับ



ประวัติการแก้ไข
2017-03-17 01:41:50
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-03-17 01:41:30 By : tomrambo
 


 

No. 14



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



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


ตอบความคิดเห็นที่ : 13 เขียนโดย : tomrambo เมื่อวันที่ 2017-03-17 01:41:30
รายละเอียดของการตอบ ::
ขอบคุณค่ะ ตอนนี้ลองมั่วๆเเบบนี้ค่ะ เเต่ไม่โอเคเท่าไหร่ค่ะ เพราะข้อมูลยังออกมาเเบบมั่วๆอยู่ค่ะ ถ้าเลือกจังหวัดหัวข้อใหญ่ จะออกข้อมูลทุกอำเภอเเต่ออกของจังหวัดอื่นๆบางอันด้วยค่ะ ถ้าเลือกอำเภอหัวข้อย่อยๆบางอันข้อมูลมีเเต่ไม่ออกเลยค่ะ รบกวนช่วยเเนะนำด้วยนะคะ

เป็นการเลือกสอง select ค่ะ ทั้งสองอันเลือกได้ทั้งหัวข้อใหญ่หัวข้อย่อย จำเป็นต้องเลือกสองอันเพื่อให้ข้อมูลเเสดงค่ะ รบกวนด้วยนะคะ

Code (PHP)
    $src_id = $_REQUEST['src'];
    $dst_id = $_REQUEST['dst'];

    $source = explode("|", $src_id);
    $destination = explode("|", $dst_id);

    if($source[0]==1 && $destination[0]==1){
        $sqlRoute = "SELECT * FROM van_info v JOIN province p ON v.src_id = p.province_id JOIN province pr ON v.dst_id = pr.province_id WHERE p.main_province_id = $source[1] AND pr.main_province_id = $destination[1] ";
    }else if ($source[0]==1 && $destination[0]==2){
        $sqlRoute = "SELECT * FROM van_info v JOIN province p ON v.src_id = p.province_id WHERE p.main_province_id = $source[1] AND v.dst_id = $destination[1] ";
    }elseif ($source[0]==2 && $destination[0]==2) {
        $sqlRoute = "SELECT * FROM van_info v JOIN province p ON v.src_id = p.province_id WHERE v.src_id = $source[1] AND v.dst_id = $destination[1] ";
    }elseif ($source[0]==2 && $destination[0]==1) {
        $sqlRoute = "SELECT * FROM van_info v JOIN province p ON v.src_id = p.province_id OR v.dst_id = p.province_id WHERE v.src_id = $source[1] AND p.main_province_id = $destination[1] ";
    }




ประวัติการแก้ไข
2017-03-19 17:31:31
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-03-19 11:58:41 By : gainkullan
 


 

No. 15



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



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


ตอนนี้มองภาพไม่ออกอ่ะครับ อธิบายได้มั๊ยครับว่ามันเป็นระบบอะไรยังไง มีอะไรยังไง มีให้เลือกอะไรยังไงบ้าง

เปรียบเสมือนผมเป็น user จะใช้งานอ่ะครับ อธิบายเสมือนจะใช้งานจริงอ่ะครับ เพราะตอนแรกที่โพสต์โค้ดมาเห็นมี select เดียว

พอมาอีกโค้ดมีสอง select แต่ละ select เลือกอะไรยังไงบ้าง แล้วผลลัพธ์ต้องออกมาอย่างไร

ตอนนี้ให้เดา น่าจะเป็นระบบรถตู้โดยสารใช่มั๊ยครับ ช่วยอธิบายระบบหน่อยครับว่าต้องการให้มันเป็นไปทำนองไหน

เพราะถ้าข้อมูลทั้งสองตารางมันสัมพันธ์กันจะได้เแนะการขียน Join table ได้ถูกต้องครับ

ถ้าเป็นไปได้อยากทราบโครงสร้าง database ด้วยครับ ว่าฟิลด์ไหนเก็บค่าอะไรยังไงบ้างครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-03-19 22:03:20 By : tomrambo
 

   

ค้นหาข้อมูล
   
 

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