獲取下拉菜單的值
獲取下拉菜單的值與文本框獲取方法完全相同，下面示例演示了如何快速獲取用戶表單中下拉菜單的選取值，演示效果如下圖所示。
【操作步驟】
第1步，打開模板頁（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條件語句對(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頁面，然后在下拉菜單中選擇一個(gè)選項(xiàng)，單擊【提交數(shù)據(jù)】按鈕提交表單，則在打開的request.php頁面中立即顯示用戶在下拉菜單中的選擇信息。