|
|
|
PHP + JavaScript : สร้าง List Box 3 อัน เปลี่ยนค่าโดยอัตโนมัติทำอย่างไรคะ |
|
|
|
|
|
|
|
ง่ายที่สุดก็อันนี้อ่ะมั๊ง
<body onLoad="OptionSub.innerHTML = Option_01">
<script language="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() {
if (OptionMain.value == 01) { OptionSub.innerHTML = Option_01 }
else if (OptionMain.value == 02) { OptionSub.innerHTML = Option_02 }
else if (OptionMain.value == 03) { OptionSub.innerHTML = Option_03 }
}
//-->
</script>
<select name="OptionMain" onChange="ChangeOption()">
<option value="01">01
<option value="02">02
<option value="03">03
</select>
<div id="OptionSub"></div>
</body>
|
|
|
|
|
Date :
19 พ.ค. 2548 16:20:54 |
By :
p_latplee |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
อันนี้ทำได้แล้วคะ แต่อยากได้ แบบ 3 อัน คะ
อันนี้ คือ 2 อัน ใครสนใจ เอาไป ศึกษาได้คะ
<h4>กลุ่มที่ 1 </h4>
<form name="form1">
<hr>
<p> </p>
<p>
<select name="fa_id" id="fa_id" onChange="changFaculty(this.form,0)">
<option value="0">กรุณาเืลือกคณะที่ต้องการ</option>
<?php
include("config.inc.php");
connect_db();
$str_sql2="SELECT * FROM faculty";
$result2=mysql_query($str_sql2,$conn)or die("".mysql_error());
while( $rs2=mysql_fetch_array($result2)){
echo"<option value=$rs2[fa_id] >$rs2[fa_id]$rs2[fa_name]</option>";
}
close_db();
?>
</select>
<select name="major_id" id="major_id" >
<option value="0">กรุณาเืลือกสาขาวิชาที่ต้องการ</option>
<?php
connect_db();
$str_sql="SELECT * FROM major where fa_id='$fa_id'";
$result=mysql_query($str_sql,$conn)or die("".mysql_error());
while( $rs=mysql_fetch_array($result)){
echo"<option value=$rs[major_id] >$rs[major_id]$rs[major_name]</option>";
}
close_db();
?>
</select>
</p>
<hr><h4>กลุ่มที่ 2 </h4>
<select name="fa_id2" id="fa_id2" onChange="changFaculty(this.form,1)" >
<option value="0">กรุณาเืลือกคณะที่ต้องการ</option>
<?php
connect_db();
$str_sql2="SELECT * FROM faculty ";
$result2=mysql_query($str_sql2,$conn)or die("".mysql_error());
while( $rs2=mysql_fetch_array($result2)){
echo"<option value=$rs2[fa_id] >$rs2[fa_id]$rs2[fa_name]</option>";
}
close_db();
?>
</select>
<select name="major_id2" id="major_id2">
<option value="0">กรุณาเืลือกlสาขาวิชาที่ต้องการ</option>
<?php
connect_db();
$str_sql="SELECT * FROM major where fa_id='$fa_id'";
$result=mysql_query($str_sql,$conn)or die("".mysql_error());
while( $rs=mysql_fetch_array($result)){
echo"<option value=$rs[major_id] >$rs[major_id]$rs[major_name]</option>";
}
close_db();
?>
</select>
</form>
<SCRIPT LANGUAGE="JavaScript">
var major_id = new Array();
var major_name = new Array();
<?
connect_db();
$str_sql2="SELECT * FROM faculty ";
$result2=mysql_query($str_sql2,$conn)or die("".mysql_error());
$item = 0;
while( $rs2=mysql_fetch_array($result2)){
$fac_id = $rs2[fa_id];
$fac_name = $rs2[fa_name];
$query = "select * from major where fa_id=$rs2[fa_id]";
$result3 = mysql_query($query,$conn);
$numrow = mysql_num_rows($result3);
if($result3 && $numrow>0){
$maj_id = '';
$maj_name = '';
while($rs3 = mysql_fetch_array($result3)){
$maj_id .= ' ,'.$rs3[major_id];
$maj_name .= " ,' ".$rs3[major_name]."'";
}
$arr_id[$item] = substr($maj_id,3,strlen($maj_id));
$arr_name[$item]=substr($maj_name,3,strlen($maj_name));
// create array
print " major_id[$item] =new Array(".$arr_id[$item]."); ";
print " major_name[$item] =new Array (".$arr_name[$item].");";
}
$item++;
}
?>
//-->ฟังก์ชั่นแสดงผลการคลิกเลือก คณะ จะแสดงรายการสาขาในคณะทั้งหมด
function changFaculty(myForm,index){
if(index==0){
var fa_index = myForm.fa_id.selectedIndex;
var maj_form = myForm.major_id;
}else{
var fa_index = myForm.fa_id2.selectedIndex;
var maj_form = myForm.major_id2;
}
var fac_index = fa_index -1;//ฟิลด์แรกเป็นค่าว่าง ถ้าฟิลด์แรกเป็นชื่อคณะก็ไม่ต้องใส่ -1
maj_form.options.length = 0;
for(var i=0;i<major_id.length;i++){
if(i==fac_index){
for(var j=0;j<major_id.length;j++){
// maj_form.options[j].value = major_id[j];
maj_form.options[j] = new Option(major_name[j],major_id[j],false,false);
}
}
}
}
</SCRIPT>
ตอนนี้ อยากได้ PHP + JavaScript : สร้าง List Box 3 อัน เปลี่ยนค่าโดยอัตโนมัติทำอย่างไรคะ ถ้าใครทราบรบกวนบอกด้วยนะคะ
|
|
|
|
|
Date :
19 พ.ค. 2548 16:50:40 |
By :
ฝนโปรย |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 04
|