select下拉框多选的实现方法-创新互联

这篇文章主要介绍select下拉框多选的实现方法，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

成都一家集口碑和实力的网站建设服务商，拥有专业的企业建站团队和靠谱的建站技术，十多年企业及个人网站建设经验 ,为成都1000+客户提供网页设计制作,网站开发,企业网站制作建设等服务,包括成都营销型网站建设，品牌网站制作，同时也为不同行业的客户提供网站设计制作、成都网站建设的服务,包括成都电商型网站制作建设,装修行业网站制作建设，传统机械行业网站建设,传统农业行业网站制作建设。在成都做网站,选网站制作建设服务商就选成都创新互联。

<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值。

以上是“select下拉框多选的实现方法”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注创新互联行业资讯频道！