1
2
3//对Javascript和select部件的结合运用
4//在写程序的过程,我想实现在select对象选中选项后,
5//不需要提交按钮,而直接触发动作,且在动作发生后
6//的页面中要保持所选择的选项。经过形容,终于通过
7//使用Javascript及select对象的onchange属性及
8//value值而实现了这种功能。
9//代码如下(文件名为"test.php"):
10
11
12switch ($mon){
13case '': echo '请选择您的星座:';break;
14case '1':echo '您的星座是水瓶座';break;
15case '2':echo '您的星座是双鱼座';break;
16case '3':echo '您的星座是白羊座';break;
17case '4':echo '您的星座是金牛座';break;
18case '5':echo '您的星座是双子座';break;
19case '6':echo '您的星座是巨蟹座';break;
20case '7':echo '您的星座是狮子座';break;
21case '8':echo '您的星座是处女座';break;
22case '9':echo '您的星座是天平座';break;
23case '10':echo '您的星座是天蝎座';break;
24case '11':echo '您的星座是射手座';break;
25case '12':echo '您的星座是魔蝎座';break;
26default:break;
27}
1<form name="form1">
2<select name="month_select" onchange="javascript:location.href=
3this.options[this.selectedIndex].value">
4<option>\--请选择你的星座--</option>
5<option "="" )="" ```="" echo="" if($mon="1" selected";="" value="test.php?mon=1">水瓶座</option>
6<option "="" )="" ```="" echo="" if($mon="2" selected";="" value="test.php?mon=2">双鱼座</option>
7<option "="" )="" ```="" echo="" if($mon="3" selected";="" value="test.php?mon=3">白羊座</option>
8<option "="" )="" ```="" echo="" if($mon="4" selected";="" value="test.php?mon=4">金牛座</option>
9<option "="" )="" ```="" echo="" if($mon="5" selected";="" value="test.php?mon=5">双子座</option>
10<option "="" )="" ```="" echo="" if($mon="6" selected";="" value="test.php?mon=6">巨蟹座</option>
11<option "="" )="" ```="" echo="" if($mon="7" selected";="" value="test.php?mon=7">狮子座</option>
12<option "="" )="" ```="" echo="" if($mon="8" selected";="" value="test.php?mon=8">处女座</option>
13<option "="" )="" ```="" echo="" if($mon="9" selected";="" value="test.php?mon=9">天平座</option>
14<option "="" )="" ```="" echo="" if($mon="10" selected";="" value="test.php?mon=10">天蝎座</option>
15<option "="" )="" ```="" echo="" if($mon="11" selected";="" value="test.php?mon=11">射手座</option>
16<option "="" )="" ```="" echo="" if($mon="12" selected";="" value="test.php?mon=12">魔蝎座</option>
17</select>
18</form>
【本文版权归作者与奥索网共同拥有,如需转载,请注明作者及出处】