Heim > Artikel > Web-Frontend > select下拉框多选的实现
select下拉框多选的实现
- 不言Original
- 2018-05-24 14:27:1812360Durchsuche
<html>
<head>
<title>select下拉框多选的实现</title>
</head>
<body>
<select name="category[]" multiple>
<option value='php'>php 教程</option>
<option value='java' selected>java 教程</option>
<option value='mysl'>mysql 教程</option>
<option value='js'>js 教程</option>
<option value='html'>html 教程</option>
</select>
</body>
</html>
在线运行
只需要设置select选项框的属性multiple即可实现多选功能。然后在选择的是时候按住ctrl来进行多选。
注意:当select选择框使用了多选的时候，select的name要这样命名category[]，需要加上[],否则服务器无法获取到表单post过来的select值。
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：css制作的圆，三角形，椭圆，箭头图标Nächster Artikel：css3 border-radius圆角盒子