Heim > Web-Frontend > HTML-Tutorial > select下拉框多选的实现

select下拉框多选的实现

不言
Freigeben: 2018-05-24 14:27:18
Original
12472 Leute haben es durchsucht

<html>
<head>
<title>select下拉框多选的实现</title>
</head>
<body>
  <select name="category[]" multiple>
    <option value=&#39;php&#39;>php 教程</option>
    <option value=&#39;java&#39; selected>java 教程</option>
    <option value=&#39;mysl&#39;>mysql 教程</option>
    <option value=&#39;js&#39;>js 教程</option>
    <option value=&#39;html&#39;>html 教程</option>
  </select>
</body>
</html>
Nach dem Login kopieren

在线运行

只需要设置select选项框的属性multiple即可实现多选功能。然后在选择的是时候按住ctrl来进行多选。

注意:当select选择框使用了多选的时候,select的name要这样命名category[],需要加上[],否则服务器无法获取到表单post过来的select值。

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage