对Javascript和select部件的结合运用

 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"&gt;水瓶座&lt;/option&gt;
 6&lt;option "="" )="" ```="" echo="" if($mon="2" selected";="" value="test.php?mon=2">双鱼座</option>
 7<option "="" )="" ```="" echo="" if($mon="3" selected";="" value="test.php?mon=3"&gt;白羊座&lt;/option&gt;
 8&lt;option "="" )="" ```="" echo="" if($mon="4" selected";="" value="test.php?mon=4">金牛座</option>
 9<option "="" )="" ```="" echo="" if($mon="5" selected";="" value="test.php?mon=5"&gt;双子座&lt;/option&gt;
10&lt;option "="" )="" ```="" echo="" if($mon="6" selected";="" value="test.php?mon=6">巨蟹座</option>
11<option "="" )="" ```="" echo="" if($mon="7" selected";="" value="test.php?mon=7"&gt;狮子座&lt;/option&gt;
12&lt;option "="" )="" ```="" echo="" if($mon="8" selected";="" value="test.php?mon=8">处女座</option>
13<option "="" )="" ```="" echo="" if($mon="9" selected";="" value="test.php?mon=9"&gt;天平座&lt;/option&gt;
14&lt;option "="" )="" ```="" echo="" if($mon="10" selected";="" value="test.php?mon=10">天蝎座</option>
15<option "="" )="" ```="" echo="" if($mon="11" selected";="" value="test.php?mon=11"&gt;射手座&lt;/option&gt;
16&lt;option "="" )="" ```="" echo="" if($mon="12" selected";="" value="test.php?mon=12">魔蝎座</option>
17</select>
18</form>

【本文版权归作者与奥索网共同拥有,如需转载,请注明作者及出处】

Published At
Categories with Web编程
Tagged with
comments powered by Disqus