<table width='200' border='0' cellspacing='0'> <tr> <td>ประเภท</td> <td><select name='type' size='1' id='type' style='width:120px'> <option value=''>รถทุกประเภท</option> <option value='car'>เก๋ง</option> <option value='pickup'>กระบะ</option> <option value='van'>ตู้/MPV</option> <option value='SUV'>SUV</option> <option value='another'>อื่นๆ</option> </select> </td> <td> </td></tr> <tr> <td>ยี่ห้อ</td> <td><select name="brandName" id="brandName" style='width:120px'> <option value="">ทุกยี่ห้อ</option> <?php $q="select * from carbrand "; $qr=mysql_query($q); while($rs=mysql_fetch_array($qr)){ ?> <option value="<?=$rs['brandID']?>"><?=$rs['brandName']?></option> <?php } ?> </select></td> <td> </td> </tr> <tr> <td>รุ่น <br /></td> <td><select name="modelName" id="modelName" style='width:120px'> <option value="">ทุกรุ่น</option> </select> </td> <td> </td> </tr> <tr> <td>โฉม <br /> <label for='year'></label></td> <td><select name="smodelName" id="smodelName" style='width:120px'> <option value="">ทุกโฉม</option> </select></td> <td> </td> </tr> <tr> <td> ปี <br /> <label for='price'> </label> </td> <td> <select name='year' size='1' id='year' style='width:120px'> <option value=''>ทุกปี</option> <option value='2012-2018'>2012 ขึ้นไป</option> <option value='2009-2011'>2009-2011</option> <option value='2006-2008'>2006-2008</option> <option value='2003-2005'>2003-2005</option> <option value='2000-2002'>2000-2002</option> <option value='1997-1999'>1997-1999</option> <option value='1994-1996'>1994-1996</option> <option value='1991-1993'>1991-1993</option> <option value='0-1990'>ต่ำกว่า ปี 1990</option> </select></td> <td> </td> </tr> <tr> <td>ราคา <label for='colors'></label> <br /></td> <td><select name='price' size='1' id='price' style='width:120px'> <option value=''>ทุกราคา</option> <option value='0-200000'>น้อยกว่า 2 แสน</option> <option value='200000-400000'>2 แสน ถึง 4 แสน</option> <option value='400000-600000'>4 แสน ถึง 6 แสน</option> <option value='600000-800000'>6 แสน ถึง 8 แสน</option> <option value='800000-1000000'>8 แสน ถึง 1 ล้าน</option> <option value='1000000-1500000'>1 ล้าน ถึง 1.5 ล้าน</option> <option value='1500000-2000000'>1.5 ล้าน ถึง 2 ล้าน</option> <option value='2000000-100000000'>มากกว่า 2 ล้าน</option> </select> </td> <td> </td> </tr> <tr> <td> สี <br /> <label for='gear'> </label> </td> <td> <select name='colors' size='1' id='colors' style='width:120px'> <option value=''>ทุกสี</option> <option value='white'>ขาว</option> <option value='silver'>เงิน(ตะกั่ว)</option> <option value='gray'>เทา</option> <option value='gold'>ทอง</option> <option value='black'>ดำ</option> <option value='blue'>น้ำเงิน</option> <option value='sky'>ฟ้า</option> <option value='green'>เขียว</option> <option value='creem'>ครีม</option> <option value='yellow'>เหลือง</option> <option value='brown'>น้ำตาล</option> <option value='orange'>ส้ม</option> <option value='red'>แดง</option> <option value='purple'>ม่วง</option> <option value='pink'>ชมพู</option> </select> </td> <td> </td> </tr> <tr> <td>เกียร์</td> <td> <select name='gear' size='1' id='gear' style='width:120px'> <option value=''>ทุกเกียร์</option> <option value='normal'>ธรรมดา</option> <option value='auto'>อัตโนมัติ</option> </select> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td><input type='submit' name='button' id='button' value='Submit'></td> <td> </td> </tr> </table>
<div class="box1_1"> <? $type = $_POST["type"]; $brand = $_POST["brand"]; if($type){ $s_type = " AND type ='$type' "; }else{ $s_type = ""; } if($brand){ $s_brand = " AND brand ='$brand'"; }else{ $s_brand = ""; } /// เวลาไป SELECT $sqlcar="SELECT * FROM car WHERE 1 $s_type $s_brand order by carID DESC limit 0,8"; $querycar=mysql_query($sqlcar); echo"<table align=center><tr>"; $i=0; while($resutcar=mysql_fetch_array($querycar)) { $i++; echo "<td>"; ?> <table width="100" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="images/space.png" width="10" height="32"></td> <td><table width="100" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="3" colspan="2"><img src="images/space.png" width="37" height="5"></td> </tr> <tr> <td width="88"><span class="text1_bold"> <?=$resutcar["brand"];?> </span></td> <td> </td> </tr> <tr> <td><span class="text1_bold"> <?=$resutcar["gens"];?> </span></td> <td width="61"><span class="text1_bold"> ปี: <?=$resutcar["year"];?> </span></td> </tr> <tr></tr> <tr> <td colspan="2" valign="top"><table width="100" border="0" cellspacing="0" cellpadding="2"> <tr> <td><a href="cardetail.php?carID=<?=$resutcar["carID"];?>"><img src="picture/<?=$resutcar["images"];?>" width="145" height="80" border="0"></a></td> </tr> </table></td> </tr> <tr> <td colspan="2"><img src="images/space.png" width="15" height="5"></td> </tr> <tr> <td colspan="2" align="center"><span class="text1_bold">ราคา <?=$resutcar["price"];?> บาท </span></td> </tr> <tr> <td colspan="2"> </td> </tr> </table></td> <td> </td> </tr> </table> <? //============ แสดงแถวละ 3 ตัว echo"</td>"; if(($i)%4==0) { echo"</tr>"; } else { echo "<td>"; } } echo"</tr></table>"; ?> <p> </p> </div>
<script type="text/javascript" src="jquery-1.2.6.min.js"></script> <script type="text/javascript"> $(function(){ $("select#brandName").change(function(){ var modelName = $.ajax({ // รับค่าจาก ajax เก็บไว้ที่ตัวแปร datalist2 url: "model.php", // ไฟล์สำหรับการกำหนดเงื่อนไข data:"brandName="+$(this).val(), // ส่งตัวแปร GET ชื่อ list1 ให้มีค่าเท่ากับ ค่าของ list1 async: false }).responseText; $("select#modelName ").html(modelName ); // นำค่า datalist2 มาแสดงใน listbox ที่ 2 ที่ชื่อ list2 // ชื่อตัวแปร และ element ต่างๆ สามารถเปลี่ยนไปตามการกำหนด }); /////// ---------------------- เงื่อนไขที่ 3 $("select#modelName ").change(function(){ var smodelName = $.ajax({ // รับค่าจาก ajax เก็บไว้ที่ตัวแปร datalist3 url: "smodel.php", // ไฟล์สำหรับการกำหนดเงื่อนไข data:"modelName ="+$(this).val(), // ส่งตัวแปร GET ชื่อ list2 ให้มีค่าเท่ากับ ค่าของ list1 async: false }).responseText; $("select#smodelName ").html(smodelName ); // นำค่า datalist3 มาแสดงใน listbox ที่ 3 ที่ชื่อ list3 // ชื่อตัวแปร และ element ต่างๆ สามารถเปลี่ยนไปตามการกำหนด }); }); </script>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง
