select下拉框多选及取值实例

时间:2016-06-14
select下拉框大家都应该知道,它的用途是选择值,但很多人也就停留在select单选的基础上,对于select下拉框如何实现多选,相当一部分人应该没有仔细去了解,更别说服务器端如何获取select多选框的值。

一、select下拉框如何实现多选

要使select实现多选,我们只需要对select进行两项设置即可

  1. 为select设置multiple
  2. 将select的name属性值设置为数组形式,即[]

下面实例就设置了select为多选:

<form method="POST" action="index.php">
<select name="lunch[]" multiple>
<option value="a">A</option>
<option value="b">B</option>
<option value="c">C</option>
<option value="d">D</option>
<option value="e">E</option>
</select>
<input type="submit" name="submit">
</form>

在这里我们为为select设置multiple属性,并且name属性设置为lunch[]数组形式,这样lunch的内容将变成数组形式传递。

二、服务器端如何获取select多选框的值

上面的表单使用了post方式提交表单,所以在php服务器端我们必须使用$_POST来获取表单数据,$_POST['lunch']是一个数组,数组中的元素即为select下拉框选中的值,如果select下拉框选中了4个值,那么$_POST['lunch']的长度就是4

<?php
foreach ($_POST['lunch'] as $choice) {
    print "You want a $choice bun. <br/>";
}
?>