作者vampire1128 (吸血鬼)
看板Ajax
标题[问题] javascript 三层下拉选单请教
时间Sun Nov 2 02:05:50 2008
我是刚接触javascript的新人
一直对於javascript指令实在是摸不透
最近使用javascript来写动态三层下拉选单
目前我已经做出三层式下拉选单成功了
并将选单选择的VALUE传送到资料库储存
希望下一次要修改这一笔资料时
三层下拉选单可以直接选好前一次的选项
我想要请教的是
1.以我已下程式的写法为例，
叫出前一次资料时javascript自动选取前一次选项的写法。
2.以我已下程式的写法为例，
我原本是想透过比对资料库与选项value值来选取，
javascript要如何读取到value呢?
或者是有其他更好的方法可以意见提供呢?
在html有写到this.options.selectedIndex不知道也是可以用此数值来判断?
那写法如何?
完整呈是请参考此网页
http://big5.webasp.net/javascript/1/282.htm
方法我有略改(选项资料都是写在资料库用回圈去跑)
但是是使用这个网页的原理
感激好心人的解答
以下是
html=======================================================================
<FORM name="isc">
<!--第一层选单 选项资料都是写在资料库用回圈去跑，在此先以几笔资料替代-->
<select name="example" size="1"
onChange="redirect(this.options.selectedIndex)">
<option selected>---Select1-------------</option>
<option>Webmaster Sites</option>
<option>News Sites</option>
</select>
<!--第二层选单 选项资料都是写在资料库用回圈去跑，在此先以几笔资料替代-->
<select name="stage2" size="1"
onChange="redirect1(this.options.selectedIndex)">
<option value=" " selected> </option>
<option value=" " selected>---Select2--------------</option>
</select>
<!--第三层选单 选项资料都是写在资料库用回圈去跑，在此先以几笔资料替代-->
<select name="stage3" size="1"
onChange="redirect2(this.options.selectedIndex)">
<option value=" " selected> </option>
<option value=" " selected>---Select3----------------</option>
</select>
</form>
以下是
javascript==================================================================
<script language="JavaScript" >
<!--第二层选单写法 已将选项写进资料库去跑回圈-->
var groups=document.isc.example.options.length
var group=new Array(groups)
for (i=0; i<groups; i++)
group[i]=new Array()
group[1][0]=new Option('请选择',' ');
.
.
.
略
.
.
.
var temp=document.isc.stage2
function redirect(x){
for (m=temp.options.length-1;m>0;m--)
temp.options[m]=null
for (i=0;i<group[x].length;i++){
temp.options[i]=new Option(group[x][i].text,group[x][i].value)
}
temp.options[0].selected=true
redirect1(0)
<!--第三层选单写法 已将选项写进资料库去跑回圈-->
var secondGroups=document.isc.stage2.options.length
var secondGroup=new Array(groups)
for (i=0; i<groups; i++) {
secondGroup[i]=new Array(group[i].length)
for (j=0; j<group[i].length; j++) {
secondGroup[i][j]=new Array() }}
secondGroup[0][0][0]=new Option("---Select 3---"," ");
.
.
.
略
.
.
.
var temp1=document.isc.stage3
function redirect1(y){
for (m=temp1.options.length-1;m>0;m--)
temp1.options[m]=null
for
(i=0;i<secondGroup[document.isc.example.options.selectedIndex][y].length;i++){
temp1.options[i]=new
Option(secondGroup[document.isc.example.options.selectedIndex][y][i].text,secondGroup[document.isc.example.options.selectedIndex][y][i].value)
}
temp1.options[0].selected=true
}
function redirect2(z){
window.location=temp1[z].value
}
</script>
请教ptt高手解答
感激
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 222.156.238.216
※ 编辑: vampire1128 来自: 222.156.238.216 (11/02 02:09)
1F：推 superGA:ppt高手 是很会作power point的高手吗 XD 11/02 09:27
※ 编辑: vampire1128 来自: 222.156.238.216 (11/02 10:18)
2F：→ vampire1128:感谢提醒 11/02 10:23