ช่วยผมด้วยครับ เรื่อง javascript ครับ

เริ่มโดย TeenBillion, 31 มีนาคม 2016, 20:56:04

หัวข้อก่อนหน้า - หัวข้อถัดไป

0 สมาชิก และ 1 ผู้มาเยือน กำลังดูหัวข้อนี้

TeenBillion

ผมจะทำ selectbox โดยให้ผู้ใช้เลือกยี่ห้อรถ(select ตัวที่หนึ่ง ) หลังจากเลือกยี่ห้อแล้วก็ select ตัวที่สองก็จะมีแต่รุ่นที่อยู่ในยี่ห้อนั้นครับ

โดยที่ผมใช้ตารางฐานข้อมุล 2ตารางคือ tb_brand และ tb_model
tb_brand ก็จะมีแค่ฟฟิล brand_id และฟิล brand_name
tb_model ก็จะมีฟิลด์ model_id , model_b_id(ใช้เชื่อมกับ id ของ tb_brand) และ model_name

ผมใช้ codeigniter ในการเขียน
ช่วยแนะนำผมทีครับว่า C M V
ผมต้องเขียนอะไรบ้าง ขอบคุณล่วงหน้าครับ :wanwan017:
รับเขียน script ดึงข้อมูลเว็บ
เช่นเว็บอสังหา รอบหนัง รถยนต์
097-2730236
นัฐพล

cyberspace

#1
ลองดูแบบ ajax ดูนะครับ

<script language="JavaScript" type="text/javascript">
<!--
function car_name_change() {

tb_brand = document.getElementById("tb_brand").value;

if (window.XMLHttpRequest) {//code for IE7 , Firefox, Chrome, Opera, Safari
 xmlhttp=new XMLHttpRequest();
}else{//code for IE6, IE5
 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}

xmlhttp.onreadystatechange=function() {
if (xmlhttp.readyState==4 && xmlhttp.status==200) {
//รับค่า xmlhttp.responseText ออกมาแสดงที่ span tb_model_list
document.getElementById("tb_model_list").innerHTML = xmlhttp.responseText;
}
}

//ส่งค่า tb_brand ไปให้ php ตรวจสอบจาก DB แล้ว Loop ค่า tb_model ออกมาเป็นโค๊ด html <select><option value="..............">..............</option></select>
xmlhttp.open("GET","/myscript.php?tb_brand=" tb_brand, true);
xmlhttp.send();

}
//-->
</script>

<select name="tb_brand" id="tb_brand" onChange="car_name_change();">
 <option value="car_value1">Car 1</option>
 <option value="car_value2">Car 2</option>
 <option value="car_value3">Car 3</option>
</select>

<span id="tb_model_list"></span>

p44n

jquery onchange request ->controller->model->controller-> result(json) ->$.each append to div2

1. onchange ทำงานใน select แรก
2. ส่ง id ไปหา controller และรอรับ result json
3. controller ส่ง id ไป model
4. model query db และส่ง result กลับ
5. controller รับ result และ echo json_oncode
6. jquery จากข้อ 1 รับ json
7. foreach json เพื่อยัด option เข้า select ที่ 2
Python, PHP OOP, MVC CodeIgniter, MongoDB, MySQL, MsSQL ,CSS Tableless, Responsive Design, Cross-platform, Javascript, jQuery, AngularJS, NodeJS,  Fackbook API, Paypal API, Omise API, Google Map API, C# Window Applications, .NET Framework, JAVA (Android Developer, JSP), Hybrid Application with Cordova + Ionic Framework, ReactJS, React Native