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

//对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;
  }       
?>

       onChange="javascript:location.href=
                   this.options[this.selectedIndex].value">
  --请选择你的星座--
       >水瓶座
       >双鱼座
       >白羊座
       >金牛座
       >双子座
       >巨蟹座
       >狮子座
       >处女座
       >天平座
       >天蝎座
       >射手座
       >魔蝎座
  

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