標題:
5-6-6 下拉式選單（Select）
[打印本頁]
作者:
小誌
時間:
2011-4-19 10:09
標題:
5-6-6 下拉式選單（Select）
5-6-6 下拉式選單（Select）
下拉式選單（Select）元件具有單選按鈕的功能，亦具有核取按鈕的複選功能，下拉式選單元件由「<Select></Select>」標籤所構成，其為一個集合項目元件，選單內的每一個備選項目必須再使用「<Option></Option>」包括起來：
<Select name=”識別名”>
<Option Value=”資料一”>資料一</Option>
<Option Value=”資料二”>資料二</Option>
…
</Select>
複製代碼
若沒有選定預設值，則選單內的第一項資料就成為預設值，若欲顗其他項目為預設值，則可在<Option>標籤內加入「Selected」屬性設定。
[attach]5534[/attach]
圖5-30 單選式下拉選單。
select.php(節錄)
<form action="select_ans.php" method="Post">
請選擇您專長的電腦語言:<Br>
<Select name="language">
<Option Value="VB">VB</Option>
<Option Value="Delphi" Selected>Delphi</Option>
<Option Value="C++">C++</Option>
<Option Value="PHP">PHP</Option>
<Option Value="Java">Java</Option>
</Select>
<input type="Submit">
</form>
複製代碼
作者:
小誌
時間:
2011-4-19 10:11
由於目前範例為單選式的下拉選單，所以讀取的欄位並不需要特別處理：
select_ans.php
<html><head>
<title>下拉式選單元件使用</title>
</head><body>
<?
$mylanguage=$_REQUEST["language"];
?>
您的選擇:<?=$mylanguage?>
</body></html>
複製代碼
若要將下拉式選單設為多項目複選，可在<Select>標籤中加入「multiple」屬性設定；預設下拉選單只會出現一個資料項目（高度為1），要讓選單中出現多個資料項目可透過「Size」屬性加以設定，而且下拉選單元件的識別名也應該要把它改成陣列形式：
[attach]5535[/attach]
圖5-31 複選式下拉選單範例。
select_2.php(節錄)
<form action="select_ans_2.php" method="Post">
請選擇您專長的電腦語言:<Br>
<Select name="language[]" multiple Size=5>
<Option Value="VB">VB</Option>
<Option Value="Delphi">Delphi</Option>
<Option Value="C++">C++</Option>
<Option Value="PHP">PHP</Option>
<Option Value="Java">Java</Option>
</Select>
<input type="Submit">
</form>
複製代碼
作者:
小誌
時間:
2011-4-19 10:12
當同時選取多個資料項目時，每個資料項目如同核取按鈕一般：都是陣列元素，我們可以利用for迴圈或「join()」函數、「implode()」函數來列舉項目資料：
在下列範例中分別使用「join()」函數與「implode()」函數來處理資料：
select_ans_2.php
<html><head>
<title>下拉式選單元件使用</title>
</head><body>
<?
$mylanguage=$_REQUEST["language"];
?>
您的選擇(implode()函數):<Br>
<?
echo implode(">>",$mylanguage);
?>
<P>
您的選擇(join()函數):<Br>
<?
echo join("-->",$mylanguage);
?>
</body></html>
複製代碼
[attach]5537[/attach]
圖5-32 複選式下拉選單資料處理範例。
歡迎光臨 麻辣家族討論版版 (http://forum.twbts.com/)
