对&#106avascript和select部件的结合运用

　　<?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>



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