无为清净楼资源网 Design By www.qnjia.com
<?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>



【本文版权归作者与奥索网共同拥有,如需转载,请注明作者及出处】    
标签:
|对1|10|06|6a|av|va|as|sc|cr|ri|ip|pt|t和|和s|se|el|le|ec|ct|t部|部件|件的|的结|结合|合运|运用|用|

无为清净楼资源网 Design By www.qnjia.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
无为清净楼资源网 Design By www.qnjia.com