麻辣家族討論版版's Archiver

小誌 發表於 2011-4-19 10:09

5-6-6 下拉式選單(Select)

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

</Select>[/code]若沒有選定預設值,則選單內的第一項資料就成為預設值,若欲顗其他項目為預設值,則可在<Option>標籤內加入「Selected」屬性設定。
[attach]5534[/attach]
圖5-30  單選式下拉選單。
select.php(節錄)[code]<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>[/code]

小誌 發表於 2011-4-19 10:11

由於目前範例為單選式的下拉選單,所以讀取的欄位並不需要特別處理:
select_ans.php[code]<html><head>
<title>下拉式選單元件使用</title>
</head><body>
<?
$mylanguage=$_REQUEST["language"];
?>
您的選擇:<?=$mylanguage?>
</body></html>[/code]若要將下拉式選單設為多項目複選,可在<Select>標籤中加入「multiple」屬性設定;預設下拉選單只會出現一個資料項目(高度為1),要讓選單中出現多個資料項目可透過「Size」屬性加以設定,而且下拉選單元件的識別名也應該要把它改成陣列形式:
[attach]5535[/attach]
圖5-31  複選式下拉選單範例。
select_2.php(節錄)[code]<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>[/code]

小誌 發表於 2011-4-19 10:12

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

頁: [1]

麻辣家族討論版版為 麻辣學園 網站成員  由 昱得資訊工作室 © Since 1993 所提供