獲取下拉菜單的值與文本框獲取方法完全相同,下面示例演示了如何快速獲取用戶表單中下拉菜單的選取值,演示效果如下圖所示。
【操作步驟】
第1步,打開模板頁(yè)(orig.html),另存為in-dex.html。
第2步,把光標(biāo)置于<div data-role="content">標(biāo)簽,然后選擇【插入】|【表單】|【表單】命令,在當(dāng)前光標(biāo)位置插入一個(gè)表單框。
第3步,選中表單框<form>標(biāo)簽,在【屬性】面板中設(shè)置action和metho屬性值,定義請(qǐng)求文件為同目錄下的request.php,請(qǐng)求的方式為POST。
第4步,把光標(biāo)置于<form>標(biāo)簽內(nèi),插入一個(gè)下拉菜單和一個(gè)提交按鈕,定義下拉菜單的name屬性值為interest,下拉菜單選項(xiàng)的value屬性值分別為“周一”、“周二”、“周三”、“周四”和“周五”,為了避免沒有安排,再添加一個(gè)空選項(xiàng);定義提交按鈕的value屬性值為“提交數(shù)據(jù)”,設(shè)計(jì)完整的表單結(jié)構(gòu)代碼如下:
<div data-role="content"> <form id="form1" name="form1" method="post" action="request.php"> <label for="interest">PHP編程興趣班安排在周幾?</label> <select name="interest" id="interest"> <option value=""></option> <option value="周一">周一</option> <option value="周二">周二</option><option value="周三">周三</option> <option value="周四">周四</option> <option value="周五">周五</option> </select> <input type="submit" value="提交數(shù)據(jù)" /> </form></div>
第5步,選擇【文件】|【另存為】命令,把index.html另存為request.php。在request.php文檔中,清除表單結(jié)構(gòu)。然后在<div data-role="con-tent">標(biāo)簽中輸入文本“PHP編程興趣班安排”,在【屬性】面板中設(shè)置“格式”為一級(jí)標(biāo)題。
第6步,按Enter鍵另起一行,設(shè)置格式為二級(jí)標(biāo)題。切換到代碼視圖,重新編寫代碼,結(jié)合if條件語(yǔ)句對(duì)下拉菜單的值進(jìn)行判斷,最后輸出響應(yīng)信息,完善后的腳本如下:
<div data-role="content"> <h1>PHP編程興趣班安排</h1> <h2><?php $interest = $_POST["interest"]; if($interest != nul){ echo $interest; } else{ echo "沒有安排"; } ?></h2></div>
第7步,在瀏覽器中預(yù)覽index.html頁(yè)面,然后在下拉菜單中選擇一個(gè)選項(xiàng),單擊【提交數(shù)據(jù)】按鈕提交表單,則在打開的request.php頁(yè)面中立即顯示用戶在下拉菜單中的選擇信息。