对javascript和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>

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