|
 |
| |
คลิ้กรายการใน List/Menu1 แล้วให้เพิ่มข้อมูลใน List/Menu2 ครับ |
| |
 |
|
|
 |
 |
|
Code (PHP)
<!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" xml:lang="en" lang="en"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Title</title>
</head><body>
<script type="text/javascript">
<!--
var Option_01 = "<select><option>Sub 01<option>Sub 01<option>Sub 01<option>Sub 01</select>"
var Option_02 = "<select><option>Sub 02<option>Sub 02<option>Sub 02<option>Sub 02</select>"
var Option_03 = "<select><option>Sub 03<option>Sub 03<option>Sub 03<option>Sub 03</select>"
function ChangeOption(value) {
if (value == 01) { OptionSub.innerHTML = Option_01; }
else if (value == 02) { document.getElementById( 'OptionSub' ).innerHTML = Option_02; }
else if (value == 03) { document.getElementById( 'OptionSub' ).innerHTML = Option_03; }
}
//-->
</script>
<select name="OptionMain" onchange="ChangeOption(this.value)">
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
</select>
<div id="OptionSub"></div>
</body></html>
|
 |
 |
 |
 |
| Date :
2009-10-19 09:53:34 |
By :
Sek-Artdrinker |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
ตื่นตี4 มาตั้งคำถาม สุดยอดจริงๆครับ ตื่นได้งัย
|
| |
|
|
| |
| Date :
2009-10-19 09:55:17 |
By :
Sek-Artdrinker |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ยังไม่ได้นอนมากกว่า
|
| |
|
|
| |
| Date :
2009-10-19 14:58:37 |
By :
noname |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
คือผมอยากให้ List/Menu ทั้งสองตัว มันแสดงอยู่ตลอดครับ ไม่ทราบว่าต้องแก้ยังไงครับ
แนะนำด้วยครับ
|
| |
|
|
| |
| Date :
2009-10-19 16:32:36 |
By :
isEmpty |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
Code (PHP)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<form name=f1>
<table>
<tr>
<td>Mobile
<select NAME="list1" ONCHANGE="return(clicklist(this));">
<option VALUE="0"> - Select Mobile - </option>
<option value="1">Nokia</option>
<option value="2">Siemen</option>
<option value="3">Motorola</option>
</select>
</td>
<td>Serie
<select NAME="list2">
<option VALUE=""> - Select Mobile Serie - </option>
</select>
</td>
</tr>
</table>
</form>
<script>
var a = new Array();
a[0] = new Array(1, " - Select Mobile Serie - ");
a[1] = new Array(
101,"3210",
102,"3310",
103,"8250"
);
a[2] = new Array(
201,"A30",
202,"C45",
203,"SL42",
204,"M50"
);
a[3] = new Array(
301,"T300",
302,"T190",
303,"V90",
304,"V8088"
);
function clearcombo(elem){
var i;
for (i = elem.options.length - 1; i >= 0; i--) elem.options[i] = null;
elem.selectedIndex = -1;
}
function populatelist2(elem, index){
for (var i = 0; i < a[index].length; i= i + 2){
elem.options[elem.options.length] = new Option(a[index][i + 1], a[index][i]);
}
}
function clicklist(elem){
clearcombo(document.f1.list2)
populatelist2(document.f1.list2, elem[elem.selectedIndex].value);
return true;
}
</script>
</BODY>
</HTML>
|
| |
|
|
| |
| Date :
2009-10-19 16:57:43 |
By :
Sek-Artdrinker |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ลองเล่นดูนะครับ ไม่ได้แก้ให้นะ
|
| |
|
|
| |
| Date :
2009-10-19 16:58:35 |
By :
Sek-Artdrinker |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
เอาไปประยุคใช้ดูครับ
Code (PHP)
<HTML>
<HEAD>
<!-- <META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0"> -->
<TITLE>ID=clientEventHandlersJS</TITLE>
<SCRIPT LANGUAGE=javascript>
<!--
var g_str1="SOLUNA VIOS 1.5cc,b,c,d,e,f,g";
var g_str2="x,y,z";
var g_str3="ก,ข,ค";
var g_str4="mit,maz,xbox,fucking";
function addList1(_idname,_this) {
var _state=_this.value;
var _arr=new Array();
alert(_state); // แสดง ข้อความ ค่า ที่ ส่ง มา
if(_state=="TOYOTA"){
_arr=g_str1.split(","); //แยก ข้อมูล สตริง ด้วย ,
}else if(_state=="2"){
_arr=g_str2.split(","); //แยก ข้อมูล สตริง ด้วย ,
}else if(_state=="3"){
_arr=g_str3.split(","); //แยก ข้อมูล สตริง ด้วย ,
}else{
_arr=g_str4.split(","); //แยก ข้อมูล สตริง ด้วย ,
}
var _obj=document.getElementById(_idname);
_obj.innerHTML=""; // ล้างข้อมูล ใน กล่องข้อมูลทั้งหมด
for(var i=0;i<_arr.length;i++){
var _option=document.createElement("option");
_option.innerHTML=_arr[i];
_option.value=_arr[i];
_obj.appendChild(_option);
}
}
//-->
</SCRIPT>
</HEAD>
<BODY >
<select name="cbo1" id="cbo1" style="width:100;" onChange="addList1('cbo2',this)">
<option value="TOYOTA">TOYOTA</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<select name="cbo2" id="cbo2" style="width:100;" onchange="addList1('cbo3',this)"></select>
<select name="cbo3" id="cbo3" style="width:100;"></select>
</BODY>
</HTML>
|
| |
|
|
| |
| Date :
2010-05-05 18:54:55 |
By :
อนุพงศ์ |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 00
|
