获取下拉菜单的值

  • 2020-08-17 10:01:08
  • 阅读次数:
  • 作者:盈岚科技小编
  • 来源:http://www.lyjtt.cn

获取下拉菜单的值与文本框获取方法完全相同,下面示例演示了如何快速获取用户表单中下拉菜单的选取值,演示效果如下图所示。

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属性值为“提交数据”,设计完整的表单结构代码如下:

<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="提交数据" />    </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页面,然后在下拉菜单中选择一个选项,单击【提交数据】按钮提交表单,则在打开的request.php页面中立即显示用户在下拉菜单中的选择信息。


当前文章标题:获取下拉菜单的值

当前URL:http://www.lyjtt.cn/news/wzzz/3261.html

上一篇:获取文本框的值

下一篇:获取列表框的值

网站建设、抖音推广、头条推广、微信朋友圈推广、快手推广专线:15368242187(微信同号)