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