獲取下拉菜單的值

  • 2020-08-17 10:01:08
  • 閱讀次數(shù):
  • 作者:盈嵐科技小編
  • 來源:http://kigisgallery.com

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

3048a172958ccc4de21ee90aa7f53b68.jpg

【操作步驟】

第1步,打開模板頁(orig.html),另存為in-dex.html。

第2步,把光標置于<div data-role="content">標簽,然后選擇【插入】|【表單】|【表單】命令,在當前光標位置插入一個表單框。

第3步,選中表單框<form>標簽,在【屬性】面板中設置action和metho屬性值,定義請求文件為同目錄下的request.php,請求的方式為POST。

第4步,把光標置于<form>標簽內,插入一個下拉菜單和一個提交按鈕,定義下拉菜單的name屬性值為interest,下拉菜單選項的value屬性值分別為“周一”、“周二”、“周三”、“周四”和“周五”,為了避免沒有安排,再添加一個空選項;定義提交按鈕的value屬性值為“提交數(shù)據(jù)”,設計完整的表單結構代碼如下:

<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文檔中,清除表單結構。然后在<div data-role="con-tent">標簽中輸入文本“PHP編程興趣班安排”,在【屬性】面板中設置“格式”為一級標題。

第6步,按Enter鍵另起一行,設置格式為二級標題。切換到代碼視圖,重新編寫代碼,結合if條件語句對下拉菜單的值進行判斷,最后輸出響應信息,完善后的腳本如下:

<div data-role="content">    <h1>PHP編程興趣班安排</h1>    <h2><?php            $interest = $_POST["interest"];            if($interest != nul){                echo  $interest;        }          else{            echo  "沒有安排";          }    ?></h2></div>

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


當前文章標題:獲取下拉菜單的值

當前URL:http://kigisgallery.com/news/wzzz/3261.html

上一篇:獲取文本框的值

下一篇:獲取列表框的值

網站建設、抖音推廣、頭條推廣、微信朋友圈推廣、快手推廣專線:15368242187(微信同號)