|
 |
| |
ถามเรื่อง select กับ option หน่อยคับ ให้ขึ้นเฉพาะที่เราเลือก |
| |
 |
|
|
 |
 |
|
ใช้ if เช็คกับข้อมูลในฐานข้อมูลที่เก็บไว้
ถ้าตรงกันก็ selected
|
 |
 |
 |
 |
| Date :
2014-06-05 16:34:26 |
By :
iieszz |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
Code (PHP)
ยี่ห้อรถ
<select name="txt5" id="txt5">
<option value="">กรุณาเลือก</option>
<option value="Isuzu">Isuzu</option>
<option value="Ford">Ford</option>
<option value="Toyota">Toyota</option>
<option value="Nissan">Nissan</option>
<option value="Mazda">Mazda</option>
<option value="Honda">Honda</option>
<option value="Mitsubishi">Mitsubishi</option>
<option value="chevrolet">chevrolet</option>
</select>
รุ่นรถ
<select name="txt9" id="txt9">
<option value="">กรุณาเลือก</option>
<option value="D-Max" ref="Isuzu">D-Max</option>
<option value="V-cross" ref="Isuzu">V-Cross</option>
<option value="Vigo-Champ" ref="Toyota">Vigo-Champ</option>
<option value="CRV" ref="Honda">CRV</option>
<option value="Sunny" ref="Nissan">Sunny</option>
<option value="Civic" ref="Honda">Civic</option>
</select>
จะมาเขียนที่เหลือให้น่ะค่ะ แต่ถ้าให้พี่ๆที่นี่ช่วยตอบก็ได้น่ะค่ะ
|
| |
|
|
| |
| Date :
2014-06-05 18:17:43 |
By :
survivor |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
โค้ดต่อเนื่องค่ะ 
$(document).ready(function(){
$("#txt5").change(function(){
var brand = $("option:selected",this).val();
$("#txt9 option").show();
$("#txt9 option").each(function(){
if($(this).attr("ref") != brand)
$(this).hide();
});
});
});
|
| |
|
|
| |
| Date :
2014-06-05 21:33:04 |
By :
survivor |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
จับมารวมกันเท่านี้เอง...
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#txt5").change(function(){
var brand = $("option:selected",this).val();
$("#txt9 option").show();
$("#txt9 option").each(function(){
if($(this).attr("ref") != brand)
$(this).hide();
});
});
});
</script>
ยี่ห้อรถ
<select name="txt5" id="txt5">
<option value="">กรุณาเลือก</option>
<option value="Isuzu">Isuzu</option>
<option value="Ford">Ford</option>
<option value="Toyota">Toyota</option>
<option value="Nissan">Nissan</option>
<option value="Mazda">Mazda</option>
<option value="Honda">Honda</option>
<option value="Mitsubishi">Mitsubishi</option>
<option value="chevrolet">chevrolet</option>
</select>
รุ่นรถ
<select name="txt9" id="txt9">
<option value="">กรุณาเลือก</option>
<option value="D-Max" ref="Isuzu">D-Max</option>
<option value="V-cross" ref="Isuzu">V-Cross</option>
<option value="Vigo-Champ" ref="Toyota">Vigo-Champ</option>
<option value="CRV" ref="Honda">CRV</option>
<option value="Sunny" ref="Nissan">Sunny</option>
<option value="Civic" ref="Honda">Civic</option>
</select>
|
| |
|
|
| |
| Date :
2014-06-06 14:38:29 |
By :
sakuraei |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
Code (JavaScript)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<? date_default_timezone_set('Asia/Bangkok');?>
<link rel="stylesheet" media="all" type="text/css" href="jquerydatepicker/jquery-ui.css" />
<link rel="stylesheet" media="all" type="text/css" href="jquerydatepicker/jquery-ui-timepicker-addon.css" />
<script type="text/javascript" src="jquerydatepicker/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="jquerydatepicker/jquery-ui.min.js"></script>
<script type="text/javascript" src="jquerydatepicker/jquery-ui-timepicker-addon.js"></script>
<script type="text/javascript" src="jquerydatepicker/jquery-ui-sliderAccess.js"></script>
<script type="text/javascript"> //แสดงวันที่
$(function(){
$("#dateInput").datepicker({
dateFormat: 'yy-mm-dd'
});
$("#txt5").change(function(){
var brand = $("option:selected",this).val();
$("#txt9 option").show();
$("#txt9 option").each(function(){
if($(this).attr("ref") != brand)
$(this).hide();
});
});
});
</script>
</head>
|
| |
|
|
| |
| Date :
2014-06-07 16:59:46 |
By :
sakuraei |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ดูจากรูปแล้ว มันขึ้น สองรายการนั่นล่ะครับ แต่ใน Chrome มันแสดงแค่แถวเดียว
ลองกด ลูกศรลง ดู 
|
| |
|
|
| |
| Date :
2014-06-09 13:33:10 |
By :
ไวยวิทย์ |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ปกติผมจะใช้แต่ firefox ซึ่งปกติดี พอไปทดลองใน chrome เจอปัญหาเลย
|
| |
|
|
| |
| Date :
2014-06-09 13:45:12 |
By :
sakuraei |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ผมไม่ชัวร์ที่ jQuery .show .hide แสดงไม่เหมือนกันระหว่างบราวเซอร์หน่ะครับ
แต่ถ้าจะเขียนคล้าย ๆ เดิม แก้ไม่เยอะประมาณนี้ครับ
Code (PHP)
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#txt5").change(function(){
var brand = $("option:selected",this).val();
$('#txt9').empty();
$("#model option").each(function(){
if($(this).attr("ref") == brand || $(this).attr("value") == '')
var opt = '<option value="'+$(this).attr('value')+'">'+$(this).text()+'</option>';
$('#txt9').append(opt);
});
});
});
</script>
ยี่ห้อรถ
<select name="txt5" id="txt5">
<option value="">กรุณาเลือก</option>
<option value="Aston">Aston</option>
<option value="Bentley">Bentley</option>
<option value="Daimler">Daimler</option>
<option value="Ferrari">Ferrari</option>
<option value="Jaguar">Jaguar</option>
<option value="MG">MG</option>
<option value="Nissan">Nissan</option>
<option value="Porsche">Porsche</option>
<option value="Rolls-Royce">Rolls-Royce</option>
<option value="Alfa">Alfa</option>
<option value="Audi">Audi</option>
<option value="BMW">BMW</option>
<option value="Chrysler">Chrysler</option>
<option value="Chevrolet">Chevrolet</option>
<option value="Citroen">Citroen</option>
<option value="Daihatsu">Daihatsu</option>
<option value="Flat">Flat</option>
<option value="Ford">Ford</option>
<option value="Honda">Honda</option>
<option value="Hyundai">Hyundai</option>
<option value="Holden">Holden</option>
<option value="Isuzu">Isuzu</option>
<option value="Jeep Cherokee">Jeep Cherokee</option>
<option value="Kai">Kai</option>
<option value="Land Rover">Land Rover</option>
<option value="Lexus">Lexus</option>
<option value="Magso">Magso</option>
<option value="Mazda">Mazda</option>
<option value="Mercedes-Benz">Mercedes-Benz</option>
<option value="Mitsubishi">Mitsubishi</option>
<option value="Opel">Opel</option>
<option value="Peugeot">Peugeot</option>
<option value="Proton">Proton</option>
<option value="Rover">Rover</option>
<option value="Saab">Saab</option>
<option value="Seat">Seat</option>
<option value="Subaru">Subaru</option>
<option value="Suzuki">Suzuki</option>
<option value="Toyota">Toyota</option>
<option value="Volkswagen">Volkswagen</option>
<option value="Volvo">Volvo</option>
</select>
<select name="model" id="model" style="display:none">
<option value="">กรุณาเลือก</option>
<option value="Martin" ref="Aston">Martin</option>
<option value="Legend" ref="Honda">Legend</option>
<option value="Nsx" ref="Honda">Nsx</option>
<option value="Odyssey" ref="Honda">Odyssey</option>
<option value="Accord" ref="Honda">Accord</option>
<option value="Prelude" ref="Honda">Prelude</option>
<option value="Civic" ref="Honda">Civic</option>
<option value="CRV" ref="Honda">CRV</option>
<option value="President" ref="Nissan">President</option>
<option value="D-Max" ref="Isuzu">D-Max</option>
<option value="Trooper" ref="Isuzu">Trooper</option>
<option value="V-cross" ref="Isuzu">V-Cross</option>
<option value="Cameo" ref="Isuzu">Cameo</option>
<option value="Rodeo" ref="Isuzu">Rodeo</option>
<option value="Vega" ref="Isuzu">Vega</option>
<option value="Vertex" ref="Isuzu">Vertex</option>
<option value="Mu-7" ref="Isuzu">Mu-7</option>
<option value="Cab4" ref="Isuzu">Cab4</option>
<option value="Vigo-Champ" ref="Toyota">Vigo-Champ</option>
<option value="Supra" ref="Toyota">Supra</option>
<option value="Romeo" ref="Alfa">Romeo</option>
<option value="Mx5" ref="Mazda">Mx5</option>
<option value="Pajero" ref="Mitsubishi">Pajero</option>
<option value="Calibra" ref="Opel">Calibra</option>
<option value="Omaga" ref="Opel">Omaga</option>
<option value="Land Cruiser" ref="Opel">Land Cruiser</option>
<option value="Rav 4" ref="Opel">Rav 4</option>
<option value="Zafira" ref="Chevrolet">Zafira</option>
<option value="Crus" ref="Chevrolet">Crus</option>
<option value="Gran" ref="Daihatsu">Gran</option>
<option value="Terios" ref="Daihatsu">Terios</option>
<option value="Focus" ref="Ford">Focus</option>
<option value="Festra" ref="Ford">Festra</option>
</select>
รุ่นรถ
<select name="txt9" id="txt9">
<option value="">กรุณาเลือก</option>
</select>
|
| |
|
|
| |
| Date :
2014-06-09 15:48:49 |
By :
ไวยวิทย์ |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ครับ
|
| |
|
|
| |
| Date :
2014-06-09 16:43:33 |
By :
ไวยวิทย์ |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 00
|
