1 <!DOCTYPE html>
2 <html>
3 <head>
4 <title></title>
5 <meta charset="utf-8">
6 </head>
7 <body>
8 <form action="" method="get">
9 <select multiple="multiple" name="city[]">
10 <option value="">请选择城市</option>
11 <option value="北京">北京</option>
12 <option value="上海">上海</option>
13 <option value="广州">广州</option>
14 <option value="深圳">深圳</option>
15 <option value="大连">大连</option>
16 </select>
17 <input type="submit" value="点击">
18 </form>
19 <?php
20 header("Content-Type:text/html;charset=utf-8");
21
22 $selected=isset($_GET["city"])?$_GET["city"]:"";
23 if(is_array($selected)){
24 foreach($selected as $key =>$value){
25 echo "city is".$value."<br>";
26 }
27 }
28 ?>
解释这里的<select multiple="multiple" name="city[]"> ,属性被设置为multiple,意为可多选,
name的值被修改成了数组。
将city为名传递给selected变量,由于selected变量现在为数组,因此需要使用foreach遍历数组将value的结果全部打印出来。
29
30 </body>
31 </html>

显示结果:


改变选择模式,使用圆形符号作为选框:

 1 <!DOCTYPE html>
2 <html>
3 <head>
4 <title></title>
5 <meta charset="utf-8">
6 </head>
7 <body>
8 <form action="#" method="post">
9 <input type="radio" name="test1" value="test1">
10 test1
11 <input type="radio" name="test1" value="test2">
12 test2
13 <input type="radio" name="test1" value="test3">
14 test3
15 <input type="submit" name="提交">
16 </form>
17
18 <?php
19 $a=isset($_POST['test1'])?$_POST['test1']:'';
20 if($a){
21 echo $a;
22 }else{
23 echo "you not choose";
24 }
25 ?>
26
27 </body>
28 </html>

显示结果:

当选择时:


对于表单多选时:

 1 <!DOCTYPE html>
2 <html>
3 <head>
4 <title></title>
5 <meta charset="utf-8">
6 </head>
7 <body>
8 <form action="#" method="post">
9 <input type="checkbox" name="ch[]" value="test1">
10 test1
11 <input type="checkbox" name="ch[]" value="test2">
12 test2
13 <input type="checkbox" name="ch[]" value="test3">
14 test3
15 <input type="checkbox" name="ch[]" value="test4">
16 test4
17 <input type="submit" value="提交">
18 </form>

// 注意:多选框的type为:checkbox,name需要标记为数组的类型,一定要写value,并且value的内容不相同
19      <?php
20 $a=isset($_POST['ch'])?$_POST[ch]:'';
21 if(is_array($a)){
22 foreach ($a as $key => $value) {
23 echo $value."<br>";
24 }
25 }else{
26 echo "you not choose";
27 }
28 ?>
29 </body>
30 </html>

显示结果:

关于PHP的表单数组提交显示的更多相关文章

  1. 【ASP.NET 问题】System.InvalidOperationException: 对象的当前状态使该操作无效 【大量表单数据提交】错误解决

    出现的问题描述: 当页面的数据量比较大时,出现异常,详细信息: System.InvalidOperationException: 对象的当前状态使该操作无效 问题的原因:出现这个异常的原因是因为微软 ...

  2. Java中上传文件和表单数据提交如何保持数据的一致性?

    学生申请学科竞赛活动,表单中有学科竞赛的申报信息和部分附件,需要做到将上传文件和表单数据提交保持一致性. 将上传文件和插入表单数据放到事务汇总去处理,由于表单的数据我们可以控制,但是上传的文档不好控制 ...

  3. django(7)modelform操作及验证、ajax操作普通表单数据提交、文件上传、富文本框基本使用

    一.modelForm操作及验证 1.获取数据库数据,界面展示数据并且获取前端提交的数据,并动态显示select框中的数据 views.py from django.shortcuts import ...

  4. 解决ssm项目表单数据提交到数据库乱码问题

    问题:在ssm整合的项目里,从前台页面获取表单数据存到数据库中乱码 先说解决办法然后分析:问题出在form表单的提交方式上,我的web.xml配置过滤器都已经指定了编码集,为什么没有生效?原因是,对于 ...

  5. 多个表单数据提交下的serialize()应用

    在实际开发场景中,难免遇到需要多个表单的数据传递问题. 之所以要进行多表单的数据传递是因为可以进行数据分组,便于数据的维护. 这个时候,出于不依赖jquery的考虑,有一个原生js函数来解决这个问题无 ...

  6. PHP的两种表单数据提交方式

    1 通过隐藏表单提交 //通过隐藏表单提交 if ($_POST['action'] == 'register'){ echo '你提交了数据'; exit(); } ?> <!DOCTY ...

  7. jquery收集表单数组及去掉字符串最后的逗号!

    jquery收集表单数组: <input type='text' name='one[]' value='' /><br> <input type='text' name ...

  8. asp.net 表单数据提交,常见方式与错误总结

    在ASP中,我们通常把表单提交到另外一个页面(接受数据页面).但是在ASP.NET中,服务端表单通常都是提交到本页面的,如果我设置 form1.action="test.aspx" ...

  9. (尚012)Vue表单数据的自动手集(表单数据提交,需要收集表单数据)

    自动收集,就是我一输入数据,就自动收集,等我点击提交按钮的时候,数据就收集好了 1.使用v-model对表单数据自动收集 1)text/textare----单行/多行输入框 2)checkbox-- ...

随机推荐

  1. git仓库更换远程地址

    首先进入项目所在文件夹,右键git bash (1)查看当前的远程地址 git remote -v (2)删除当前的远程地址 git remote rm origin (3)添加远程地址 git re ...

  2. python 3.7 安装 sklearn keras(tf.keras)

    # 1   sklearn  一般方法 网上有很多教程,不再赘述. 注意顺序是 numpy+mkl     ,然后 scipy的环境,scipy,然后 sklearn # 2 anoconda ana ...

  3. IDEA 安装常用操作二

    一.IDEA启动慢,因为启动时编译.缓存.创建索引等,如果断电等启动异常,可以让缓存索引失效 迁移IDEAD时,可以找到config.system等文件夹, 随着时间使用越久,空间占用越大,另外觉得浪 ...

  4. Linux 应用开发----socket编程笔记

    Linux socket编程 套接字定义描述 套接字的域 AF_INET ====>IPv4 AF_INET6 ====>IPv6 AF_UNIX ====>unix 域 AF_UP ...

  5. Debian8.1 安装samba与windows共享文件,在系统重启后samba服务无法自动启动

    Debian8.1安装配置完成并成功与window共享文件后,系统重启后再次访问时出现如下问题 (图)的解决方法 手动重启samba sudo /etc/init.d/samba start 从win ...

  6. React Portal All In One

    React Portal All In One react multi root https://reactjs.org/docs/portals.html https://zh-hans.react ...

  7. npm ci All In One

    npm ci All In One npm 性能优化 npm ci 使用干净的面板安装项目 https://docs.npmjs.com/cli/v6/commands/npm-ci # npm cl ...

  8. HTML5 + JS 网站追踪技术:帆布指纹识别 Canvas FingerPrinting Universally Unique Identifier,简称UUID

    1 1 1 HTML5 + JS  网站追踪技术:帆布指纹识别 Canvas FingerPrinting 1 一般情况下,网站或者广告联盟都会非常想要一种技术方式可以在网络上精确定位到每一个个体,这 ...

  9. Smashing Conf 2020

    Smashing Conf 2020 https://smashingconf.com/online-workshops/ events https://smashingconf.com/ny-202 ...

  10. node --experimental-modules & node.js ES Modules

    node --experimental-modules & node.js ES Modules how to run esm modules in node.js cli $ node -v ...