<?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>
【本文版權歸作者與奧索網共同擁有,如需轉載,請注明作者及出處】