首頁 > 後端開發 > php教程 > 对Javascript和select部件的结合运用

对Javascript和select部件的结合运用

WBOY
發布: 2016-06-01 14:31:16
原創
849 人瀏覽過

//对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">
 
     >水瓶座
     >双鱼座
     >白羊座
     >金牛座
     >双子座
     >巨蟹座
     >狮子座
     >处女座
     >天平座
     >天蝎座
     >射手座
     >魔蝎座
 

     


【本文版权归作者与奥索网共同拥有,如需转载,请注明作者及出处】  
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板