获取下拉菜单的值与文本框获取方法完全相同,下面示例演示了如何快速获取用户表单中下拉菜单的选取值,演示效果如下图所示。
【操作步骤】
第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
上一篇:获取文本框的值
下一篇:获取列表框的值