獲取下拉菜單的值

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

3048a172958ccc4de21ee90aa7f53b68.jpg

【操作步驟】

第1步,打開(kāi)模板頁(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屬性值分別為“周一”、“周二”、“周三”、“周四”和“周五”,為了避免沒(méi)有安排,再添加一個(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)題。切換到代碼視圖,重新編寫(xiě)代碼,結(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  "沒(méi)有安排";          }    ?></h2></div>

第7步,在瀏覽器中預(yù)覽index.html頁(yè)面,然后在下拉菜單中選擇一個(gè)選項(xiàng),單擊【提交數(shù)據(jù)】按鈕提交表單,則在打開(kāi)的request.php頁(yè)面中立即顯示用戶在下拉菜單中的選擇信息。


網(wǎng)站建設(shè)、網(wǎng)絡(luò)營(yíng)銷咨詢專線:0871-63535511(點(diǎn)擊可一鍵撥號(hào))