Board logo

標題: 5-6-6 下拉式選單(Select) [打印本頁]

作者: 小誌    時間: 2011-4-19 10:09     標題: 5-6-6 下拉式選單(Select)

5-6-6   下拉式選單(Select)
下拉式選單(Select)元件具有單選按鈕的功能,亦具有核取按鈕的複選功能,下拉式選單元件由「<Select></Select>」標籤所構成,其為一個集合項目元件,選單內的每一個備選項目必須再使用「<Option></Option>」包括起來:
  1. <Select name=”識別名”>
  2. <Option Value=”資料一”>資料一</Option>
  3. <Option Value=”資料二”>資料二</Option>

  4. </Select>
複製代碼
若沒有選定預設值,則選單內的第一項資料就成為預設值,若欲顗其他項目為預設值,則可在<Option>標籤內加入「Selected」屬性設定。
[attach]5534[/attach]
圖5-30  單選式下拉選單。
select.php(節錄)
  1. <form action="select_ans.php" method="Post">
  2. 請選擇您專長的電腦語言:<Br>
  3. <Select name="language">
  4. <Option Value="VB">VB</Option>
  5. <Option Value="Delphi" Selected>Delphi</Option>
  6. <Option Value="C++">C++</Option>
  7. <Option Value="PHP">PHP</Option>
  8. <Option Value="Java">Java</Option>
  9. </Select>
  10. <input type="Submit">
  11. </form>
複製代碼

作者: 小誌    時間: 2011-4-19 10:11

由於目前範例為單選式的下拉選單,所以讀取的欄位並不需要特別處理:
select_ans.php
  1. <html><head>
  2. <title>下拉式選單元件使用</title>
  3. </head><body>
  4. <?
  5. $mylanguage=$_REQUEST["language"];
  6. ?>
  7. 您的選擇:<?=$mylanguage?>
  8. </body></html>
複製代碼
若要將下拉式選單設為多項目複選,可在<Select>標籤中加入「multiple」屬性設定;預設下拉選單只會出現一個資料項目(高度為1),要讓選單中出現多個資料項目可透過「Size」屬性加以設定,而且下拉選單元件的識別名也應該要把它改成陣列形式:
[attach]5535[/attach]
圖5-31  複選式下拉選單範例。
select_2.php(節錄)
  1. <form action="select_ans_2.php" method="Post">
  2. 請選擇您專長的電腦語言:<Br>
  3. <Select name="language[]" multiple Size=5>
  4. <Option Value="VB">VB</Option>
  5. <Option Value="Delphi">Delphi</Option>
  6. <Option Value="C++">C++</Option>
  7. <Option Value="PHP">PHP</Option>
  8. <Option Value="Java">Java</Option>
  9. </Select>
  10. <input type="Submit">
  11. </form>
複製代碼

作者: 小誌    時間: 2011-4-19 10:12

當同時選取多個資料項目時,每個資料項目如同核取按鈕一般:都是陣列元素,我們可以利用for迴圈或「join()」函數、「implode()」函數來列舉項目資料:
在下列範例中分別使用「join()」函數與「implode()」函數來處理資料:
select_ans_2.php
  1. <html><head>
  2. <title>下拉式選單元件使用</title>
  3. </head><body>
  4. <?
  5. $mylanguage=$_REQUEST["language"];
  6. ?>
  7. 您的選擇(implode()函數):<Br>
  8. <?
  9. echo implode(">>",$mylanguage);
  10. ?>
  11. <P>
  12. 您的選擇(join()函數):<Br>
  13. <?
  14. echo join("-->",$mylanguage);
  15. ?>
  16. </body></html>
複製代碼
[attach]5537[/attach]
圖5-32  複選式下拉選單資料處理範例。




歡迎光臨 麻辣家族討論版版 (http://forum.twbts.com/)