Programer javascript ช่วยผมหน่อยครับ

[awayhost]

ผมอยากทำ select option แบบ dynamic เช่น

เช่น select option แรกมี
1.Honda
2.Toyota
3.Volvo

ถ้าเลือก Honda ก็จะโชว์แค่รุ่น Honda ทั้งหมด
ถ้าเลือก Toyota ก็จะโชว์แค่รุ่น Toyota ทั้งหมด
ถ้าเลือก Volvo ก็จะโชว์แค่รุ่น Volvo ทั้งหมด

แต่ไม่รู้จะเริ่มต้นเขียนยังไง

ขอบคุณครับ 

[BeerKingMan]

เอาแบบง่ายๆเลยนะครับ ใช้ jquery
onchange แล้วให้มันนำค่าที่เลือกโพสไปยังซํกที่คิวรี่ค่าออกมาหรือไปเอาค่าซํกที่มา echo วนลูปเป็น<option></option>

เอาค่า respond มายัดใส่ใน <select> ที่ต้องการครับ

ขั้นตอนง่ายๆ ตอนแรกจะเอาโคดให้ แต่ลองคิดดูล่ะถ้าได้ลองเองอาจจะดีกว่า  

ลองดูครับ ถ้าทำไม่ได้จริงๆเย็นๆผม ทิ้งโคดสิั้นๆ พร้อมคำอธิบายให้ 

[awayhost]

เอาแบบง่ายๆเลยนะครับ ใช้ jquery
onchange แล้วให้มันนำค่าที่เลือกโพสไปยังซํกที่คิวรี่ค่าออกมาหรือไปเอาค่าซํกที่มา echo วนลูปเป็น<option></option>

เอาค่า respond มายัดใส่ใน <select> ที่ต้องการครับ

ขั้นตอนง่ายๆ ตอนแรกจะเอาโคดให้ แต่ลองคิดดูล่ะถ้าได้ลองเองอาจจะดีกว่า  

ลองดูครับ ถ้าทำไม่ได้จริงๆเย็นๆผม ทิ้งโคดสิั้นๆ พร้อมคำอธิบายให้ 

ขอบคุณมากครับท่าน เดียวผมจะลองใช้  jquery  ดู ถ้าไม่ได้เดียวมาแจ้งอีกกรอบครับ 

[esanza.com]

ผมอยากทำ select option แบบ dynamic เช่น

เช่น select option แรกมี
1.Honda
2.Toyota
3.Volvo

ถ้าเลือก Honda ก็จะโชว์แค่รุ่น Honda ทั้งหมด
ถ้าเลือก Toyota ก็จะโชว์แค่รุ่น Toyota ทั้งหมด
ถ้าเลือก Volvo ก็จะโชว์แค่รุ่น Volvo ทั้งหมด

แต่ไม่รู้จะเริ่มต้นเขียนยังไง

ขอบคุณครับ 

http://www.thaicreate.com/community/dependant-listmenu-dropdownlist.html

ประยุกต์เอานะครับ คล้ายๆกัน 

[awayhost]

ผมอยากทำ select option แบบ dynamic เช่น

เช่น select option แรกมี
1.Honda
2.Toyota
3.Volvo

ถ้าเลือก Honda ก็จะโชว์แค่รุ่น Honda ทั้งหมด
ถ้าเลือก Toyota ก็จะโชว์แค่รุ่น Toyota ทั้งหมด
ถ้าเลือก Volvo ก็จะโชว์แค่รุ่น Volvo ทั้งหมด

แต่ไม่รู้จะเริ่มต้นเขียนยังไง

ขอบคุณครับ 

http://www.thaicreate.com/community/dependant-listmenu-dropdownlist.html

ประยุกต์เอานะครับ คล้ายๆกัน 

ขอบคุณมากคับ 

[BeerKingMan]

thaicreate อันบนผมว่ามันยาวและยากต่อการเข้าใจเกินไป ลองดูอันนี้ครับ ผมเขียนสด ใช้ jquery


ฟังก์ชั่น js

โค้ด เลือก ขยาย


function changeSelect(type){
   $.ajax({
       type: "POST",
       url: "file.php",
       data: "type=" + type ,
       success: function(r) {
           $('#select-change').html(r);
       }
   });
}


โคดในไฟส์ file.php

โค้ด เลือก ขยาย


if(isset($_POST['type'])){

// นำ $_POST['type'] ไปคิวรี่หาข้อมูลหรือไปดึงข้อมูลที่ท่านเก็บ array หรือ obj ของ dropdown list ที่ต้องการมา นำค่าที่ได้ไว้ในตัวแปล $data
$data = .......;

foreach($data as $rows){
   $str .= '<option value="$rows[ค่าที่ต้องการจะเลือก]">$rows[labelของค่านั้นๆ]</option>';
}
echo $str;exit;
}


โคด html

โค้ด เลือก ขยาย


// dropdown อันแรกสำหรับเลือก type ให้ dropdown อันที่สอง
<select id="select-id" onchange="changeSelect($('#select-id').val())">
<option value="1">val1</option>
<option value="2">val2</option>
...
</select>
// dropdown อันที่สองใส่ว่างๆไว้แบบนี้เด๋ว jquery จะนำ respond มายัดลงไปเอง
<select id="select-change">
</select>



หาก dropdown มีหลายชั้นก็ทำวนซ้ำแบบเดิมไปเรื่อยๆครับ

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

[awayhost]

thaicreate อันบนผมว่ามันยาวและยากต่อการเข้าใจเกินไป ลองดูอันนี้ครับ ผมเขียนสด ใช้ jquery


ฟังก์ชั่น js

โค้ด เลือก ขยาย


function changeSelect(type){
   $.ajax({
       type: "POST",
       url: "file.php",
       data: "type=" + type ,
       success: function(r) {
           $('#select-change').html(r);
       }
   });
}


โคดในไฟส์ file.php

โค้ด เลือก ขยาย


if(isset($_POST['type'])){

// นำ $_POST['type'] ไปคิวรี่หาข้อมูลหรือไปดึงข้อมูลที่ท่านเก็บ array หรือ obj ของ dropdown list ที่ต้องการมา นำค่าที่ได้ไว้ในตัวแปล $data
$data = .......;

foreach($data as $rows){
   $str .= '<option value="$rows[ค่าที่ต้องการจะเลือก]">$rows[labelของค่านั้นๆ]</option>';
}
echo $str;exit;
}


โคด html

โค้ด เลือก ขยาย


// dropdown อันแรกสำหรับเลือก type ให้ dropdown อันที่สอง
<select id="select-id" onchange="changeSelect($('#select-id').val())">
<option value="1">val1</option>
<option value="2">val2</option>
...
</select>
// dropdown อันที่สองใส่ว่างๆไว้แบบนี้เด๋ว jquery จะนำ respond มายัดลงไปเอง
<select id="select-change">
</select>



หาก dropdown มีหลายชั้นก็ทำวนซ้ำแบบเดิมไปเรื่อยๆครับ

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

สุดยอดครับท่าน ขอบคุณหลายๆ