对javascript和select部件的结合运用_php教程-查字典教程网
对javascript和select部件的结合运用
对javascript和select部件的结合运用
发布时间:2016-12-29 来源:查字典编辑
摘要:--请选择你的星座-->双鱼座>金牛座>巨蟹座>处女座>天蝎座>魔蝎座【本文版权归作者与奥索网共同拥有,如需转载,请注明作者及出处】

<?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教程学习
    编程开发子分类