Forgot Password ??

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

	Registered : 109,038

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

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

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

KKK

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

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

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

Date : 2017-03-15 21:02:30

By : gainkullan

View : 3223

Reply : 15

No. 1

tOm

โพสกระทู้ ( 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

KKK

โพสกระทู้ ( 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

tOm

โพสกระทู้ ( 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

KKK

โพสกระทู้ ( 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

tOm

โพสกระทู้ ( 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

KKK

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

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

โค้ดเดิมด้านบนเลยค่ะ อยากทราบการส่งค่าว่าจะส่งเเละรับค่าอย่างไร พอมีตัวอย่างเเนะนำไหมคะ

Date : 2017-03-16 22:59:10

By : gainkullan

No. 7

tOm

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

หัวข้อใหญ่ใส่ค่า value เป็นอะไรครับ ตัวเลข id หรือตัวอักษรครับ

Date : 2017-03-16 23:25:38

By : tomrambo

No. 8

KKK

โพสกระทู้ ( 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

tOm

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

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

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

ผมเข้าใจถูกไหมครับ
คือ ใหญ่ กับ ย่อย อยู่ select ตัวเดียวกันใช่ไหมครับ?

Date : 2017-03-17 00:31:00

By : tomrambo

No. 10

KKK

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

ตอบความคิดเห็นที่ : 9 เขียนโดย : tomrambo เมื่อวันที่ 2017-03-17 00:31:00

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

ถูกต้องค่ะ

Date : 2017-03-17 00:35:39

By : gainkullan

No. 11

tOm

โพสกระทู้ ( 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

KKK

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

ตอบความคิดเห็นที่ : 11 เขียนโดย : tomrambo เมื่อวันที่ 2017-03-17 01:21:54

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

ขอบคุณมากนะคะสำหรับคำเเนะนำ พอจะมีตัวอย่างเเนะนำไหมคะ
พึ่งหัดเขียน เลยไม่เคยเขียนอะไรที่ซับซ้อนค่ะยังนึกภาพไม่ค่อยออกว่าจะต้องเขียนอย่างไรค่ะ รบกวนด้วยนะคะ

Date : 2017-03-17 01:28:07

By : gainkullan

No. 13

tOm

โพสกระทู้ ( 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

KKK

โพสกระทู้ ( 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

tOm

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

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

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

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

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

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

ถ้าเป็นไปได้อยากทราบโครงสร้าง database ด้วยครับ ว่าฟิลด์ไหนเก็บค่าอะไรยังไงบ้างครับ

Date : 2017-03-19 22:03:20

By : tomrambo

ค้นหาข้อมูล

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

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

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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

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

Registered : 109,038

document.write("<font color=996600>[PHP]</font>"); [PHP] ต้องการทำ แถบ select เลือกที่เป็นหัวข้อได้ ต้องทำอย่างไรคะ

No. 1

No. 2

No. 3

No. 4

No. 5

No. 6

No. 7

No. 8

No. 9

No. 10

No. 11

No. 12

No. 13

No. 14

No. 15

ค้นหาข้อมูล

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

Notice

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