很多站长朋友们都不太清楚html下拉列表多选怎么实现，今天小编就来给大家整理html下拉列表多选怎么实现，希望对各位有所帮助，具体内容如下：
本文目录一览： 1、 html中怎样实现具有下拉效果的多选框 2、 html如何实现下拉框中多选项，我有个问题想请教各位。 3、 HTML多选下拉框怎么做 4、 html里怎么设置下拉选项？ html中怎样实现具有下拉效果的多选框select标记有一个属性multiple，将其设置成multiple="multiple"按住Ctrl键即可实现多选。 请看例子：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<script language="javascript">
function getValue()
{
var s = "";
for(var i=0;i<form1.ss.options.length;i++)
{
if(form1.ss.options[i].selected)
{
s+=form1.ss.options[i].value;
}
}
alert(s);
}
</script>
<body>
<form id="form1" name="form1" method="post" action="">
请选择：
<select id="ss" name="ss" size="5" multiple="multiple">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
</select>
<br>
<input type="button" name="Submit" value="提交" onclick="getValue()" />
</form>
</body>
</html>
**************************补充**********************
修改select标签的size属性，把它的值改为1即可。
html如何实现下拉框中多选项，我有个问题想请教各位。加入了multiple可以多个选择了，包括Shift进行快速全选及Ctrl进行点选
<form name="form1">
<select name="selectwhat" size=3 multiple>
<option value="a">aaa</option>
<option value="b">bbb</option>
<option value="c">ccc</option>
</select>
</form>
这也行吧 多选
<form action="" method="post">
<input name="name[]" type="checkbox" value="1" />1<br />
<input name="name[]" type="checkbox" value="2" />2<br />
<input name="name[]" type="checkbox" value="3" />3<br />
<input name="name[]" type="checkbox" value="4" />4<br />
<input name="name[]" type="checkbox" value="5" />5
</form>
HTML多选下拉框怎么做<select multiple="multiple">
<option>...</option>
...
</select>
按住ctrl点击左键即可多选
html里怎么设置下拉选项？html里可以用<select>标签设置下拉框。下面详细介绍其用法。
这是测试链接，可以参考本教程自己实操网页链接。
1、<select>标签
<select>标签在HTML里面是下拉框，用户点一下可以选择里面的选项
2、<option>标签
<option>标签是<select>标签的选项，它有2个东西需要设置，分别是值value和文本显示。
例如这个opion
<option value="0">请选择分类</option>
它的value是0，文本是"请选择分类"。
如果你在页面保存了一些信息，一般提交给服务器的时候提交的是它的value。
3、尝试编写例子
例如下面的代码，在html里面展示的效果如图
<select>
<option value="0">请选择分类</option>
<option value="1">美食/营养</option>
<option value="10">游戏/数码</option>
<option value="37">手工/爱好</option>
<option value="50">生活/家居</option>
<option value="73">健康/养生</option>
<option value="86">运动/户外</option>
<option value="93">职场/理财</option>
<option value="101">情感/交际</option>
<option value="108">母婴/教育</option>
<option value="123">时尚/美容</option>
</select>
关于html下拉列表多选怎么实现的介绍到此就结束了，不知道本篇文章是否对您有帮助呢？如果你还想了解更多此类信息，记得收藏关注本站，我们会不定期更新哦。
查看更多关于html下拉列表多选怎么实现的简单介绍的详细内容...