对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 相关文章推荐
php 采集书并合成txt格式的实现代码
Mar 01 PHP
求PHP数组最大值,最小值的代码
Oct 31 PHP
destoon官方标签大全
Jun 20 PHP
PHP使用CURL实现对带有验证码的网站进行模拟登录的方法
Jul 23 PHP
百度工程师讲PHP函数的实现原理及性能分析(三)
May 13 PHP
学习php设计模式 php实现享元模式(flyweight)
Dec 07 PHP
php外部执行命令函数用法小结
Oct 11 PHP
使用正则去除php代码中的注释方法
Nov 03 PHP
PHP使用redis消息队列发布微博的方法示例
Jun 22 PHP
PHP date()格式MySQL中插入datetime方法
Jan 29 PHP
Laravel 微信小程序后端实现用户登录的示例代码
Nov 26 PHP
如何用RabbitMQ和Swoole实现一个异步任务系统
May 29 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
如何使用php输出时间格式
2013/08/31 PHP
使用php-timeit估计php函数的执行时间
2015/09/06 PHP
PHP切割汉字的常用方法实例总结
2019/04/27 PHP
javascript学习笔记(十六) 系统对话框(alert、confirm、prompt)
2012/06/20 Javascript
jquery获得页面元素的坐标值实现思路及代码
2013/04/15 Javascript
解析使用JS 清空File控件的路径值
2013/07/08 Javascript
js函数内变量的作用域分析
2015/01/12 Javascript
简介JavaScript中valueOf()方法的使用
2015/06/05 Javascript
JS清除字符串中重复值的实现方法
2016/08/03 Javascript
BootStrap使用file-input插件上传图片的方法
2016/09/05 Javascript
AngularJS中update两次出现$promise属性无法识别的解决方法
2017/01/05 Javascript
JavaScript实现隐藏省略文字效果的方法
2017/04/27 Javascript
jQuery实现返回顶部按钮和scroll滚动功能[带动画效果]
2017/07/05 jQuery
Django+Vue.js搭建前后端分离项目的示例
2017/08/07 Javascript
JavaScript阻止表单提交方法(附代码)
2017/08/15 Javascript
Vue实现购物车的全选、单选、显示商品价格代码实例
2019/05/06 Javascript
微信h5静默和非静默授权获取用户openId的方法和步骤
2020/06/08 Javascript
如何利用node转发请求详解
2020/09/17 Javascript
Python协程的用法和例子详解
2017/09/09 Python
Python模拟脉冲星伪信号频率实例代码
2018/01/03 Python
Tensorflow卷积神经网络实例
2018/05/24 Python
Python实现的各种常见分布算法示例
2018/12/13 Python
python3.6使用tkinter实现弹跳小球游戏
2019/05/09 Python
python 实现12bit灰度图像映射到8bit显示的方法
2019/07/08 Python
python tkinter实现彩球碰撞屏保
2019/07/30 Python
python 控制台单行刷新,多行刷新实例
2020/02/19 Python
python3+opencv 使用灰度直方图来判断图片的亮暗操作
2020/06/02 Python
python处理写入数据代码讲解
2020/10/22 Python
Python调用系统命令os.system()和os.popen()的实现
2020/12/31 Python
Python3爬虫RedisDump的安装步骤
2021/02/20 Python
python上下文管理的使用场景实例讲解
2021/03/03 Python
HTML5实现音频和视频嵌入的方法
2018/08/22 HTML / CSS
中国排名第一的外贸销售网站:LightInTheBox.com(兰亭集势)
2016/10/28 全球购物
十佳教师事迹材料
2014/01/11 职场文书
毕业寄语大全
2014/04/09 职场文书
全国法院系统开展党的群众路线教育实践活动综述(全文)
2014/10/25 职场文书