獲取下拉菜單的值與文本框獲取方法完全相同，下面示例演示了如何快速獲取用戶表單中下拉菜單的選取值，演示效果如下圖所示。

【操作步驟】

第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屬性值，定義請求文件為同目錄下的request.php，請求的方式為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è)置“格式”為一級標(biāo)題。

第6步，按Enter鍵另起一行，設(shè)置格式為二級標(biāo)題。切換到代碼視圖，重新編寫代碼，結(jié)合if條件語句對下拉菜單的值進(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頁面中立即顯示用戶在下拉菜單中的選擇信息。