对javascript和select部件的结合运用


Posted in PHP onOctober 09, 2006

<?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>

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

PHP 相关文章推荐
ADODB结合SMARTY使用~超级强
Nov 25 PHP
详解PHP显示MySQL数据的三种方法
Jun 05 PHP
php 静态变量的初始化
Nov 15 PHP
PHP 登录完成后如何跳转上一访问页面
Jan 14 PHP
php把session写入数据库示例
Feb 26 PHP
codeigniter集成ucenter1.6双向通信的解决办法
Jun 12 PHP
PHP采用curl模仿用户登陆新浪微博发微博的方法
Nov 07 PHP
PHP将字符分解为多个字符串的方法
Nov 22 PHP
WordPress中注册菜单与调用菜单的方法详解
Dec 18 PHP
基于PHP实现等比压缩图片大小
Mar 04 PHP
Yii2 GridView实现列表页直接修改数据的方法
May 16 PHP
老生常谈PHP面向对象之命令模式(必看篇)
May 24 PHP
用PHP和ACCESS写聊天室(二)
Oct 09 #PHP
用PHP和ACCESS写聊天室(一)
Oct 09 #PHP
不用数据库的多用户文件自由上传投票系统(1)
Oct 09 #PHP
不用数据库的多用户文件自由上传投票系统(3)
Oct 09 #PHP
用PHP+MySql编写聊天室
Oct 09 #PHP
如何开发一个虚拟域名系统
Oct 09 #PHP
PHP中对数据库操作的封装
Oct 09 #PHP
You might like
hadoop常见错误以及处理方法详解
2013/06/19 PHP
深入理解PHP中的Session和Cookie
2013/06/21 PHP
PHP 获取远程文件大小的3种解决方法
2013/07/11 PHP
PHP中session变量的销毁
2014/02/27 PHP
php中操作memcached缓存进行增删改查数据的实现代码
2014/08/15 PHP
smarty简单入门实例
2014/11/28 PHP
利用PHP将图片转换成base64编码的实现方法
2016/09/13 PHP
PHP基于Redis消息队列实现发布微博的方法
2017/05/03 PHP
老生常谈PHP面向对象之解释器模式
2017/05/17 PHP
PHP读取并输出XML文件数据的简单实现方法
2017/12/22 PHP
浅谈Laravel POST,PUT,PATCH 路由的区别
2019/10/15 PHP
js 获取服务器控件值的代码
2010/03/05 Javascript
JS与C#编码解码
2013/12/03 Javascript
动态加载脚本提升javascript性能
2014/02/24 Javascript
jQuery带时间的日期控件代码分享
2015/08/26 Javascript
js实现简单排列组合的方法
2016/01/27 Javascript
ECHO.js 纯javascript轻量级延迟加载的实例代码
2016/05/24 Javascript
jQuery实现简单的滑动导航代码(移动端)
2017/05/22 jQuery
详解JavaScript中关于this指向的4种情况
2019/04/18 Javascript
vue实现简单的日历效果
2020/09/24 Javascript
JavaScript编码小技巧分享
2020/09/17 Javascript
python笔记(2)
2012/10/24 Python
python3.7.0的安装步骤
2018/08/27 Python
解决Keras中Embedding层masking与Concatenate层不可调和的问题
2020/06/18 Python
python将数据插入数据库的代码分享
2020/08/16 Python
使用CSS3来实现滚动视差效果的教程
2015/08/24 HTML / CSS
台湾最大网路书店:博客来
2018/03/18 全球购物
世界顶级俱乐部的官方球衣和套装:Subside Sports
2018/04/22 全球购物
垃圾回收的优点和原理。并考虑2种回收机制
2016/10/16 面试题
三分钟自我介绍演讲稿
2014/08/21 职场文书
大学生见习期满自我鉴定
2014/09/13 职场文书
会议接待欢迎标语
2014/10/08 职场文书
2015年仓管员工作总结
2015/04/21 职场文书
入党团支部推荐意见
2015/06/02 职场文书
详解前端任务构建利器Gulp.js使用指南
2021/04/30 Javascript
Jupyter notebook 更改文件打开的默认路径操作
2021/05/21 Python