對Javascript和select組件的結合運用

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


【本文著作權歸作者與奧索網共同擁有，如需轉載，請註明作者及出處】