使用 HTML 的 Multiple 属性
为了达到这个目标,你可以使用 HTML 的 multiple 属性。
在浏览器和操作系统上选择多个 HTML 回复值。
因此,下面我们将演示要采取的措施:
- 在 Windows 上,我们应该按住 + CTRL 键来选择多个选项。
- 在 Mac 上,需要按住命令键才能选择多个选项。
使用 HTML 创建项目列表的示例如下所示:
<!DOCTYPE html>
<html>
<head>
<title>文档的标题</title>
</head>
<body>
<form method="post" action="/form/submit">
<h4>SELECT SUJECTS</h4>
<!--Using multiple to select multiple value-->
<select name="subject" multiple size="6">
<option value="english">ENGLISH</option>
<option value="maths">MATHS</option>
<option value="computer">COMPUTER</option>
<option value="chemistry">CHEMISTRY</option>
<option value="geography">GEOGRAPHY</option>
<option value="italian">ITALIAN</option>
</select>
<input type="submit" name="submit" value="Submit">
</form>
</body>
</html>
现在,让我们从列表中检索多个选定的值。
我们需要使用 form 方法和循环来获取所选值:
<!DOCTYPE html>
<html>
<head>
<title>文档的标题</title>
</head>
<body>
<!--name.php to be called on form submission-->
<form method="post" action="/form/submit">
<h4>SELECT SUJECTS</h4>
<select name='subject[]' multiple size=6>
<option value='english'>ENGLISH</option>
<option value='maths'>MATHS</option>
<option value='computer'>COMPUTER</option>
<option value='chemistry'>CHEMISTRY</option>
<option value='geography'>GEOGRAPHY</option>
<option value='italian'>ITALIAN</option>
</select>
<input type="submit" name="submit" value="Submit">
</form>
</body>
</html>
<?php
//检查表单是否提交成功
if(isset($_POST["submit"]))
{
//检查是否选择了选项
if(isset($_POST["subject"]))
{
//检索每个选定的选项
foreach ($_POST['subject'] as $subject)
print "You selected $subject<br/>";
}
else
echo "Select an option first !!";
}
?>
日期:2020-06-02 22:15:49 来源:oir作者:oir
