> 백엔드 개발 > 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으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿