how2j.cn


工具版本兼容问题
<select> 即下拉列表
需要配合<option>使用


示例 1 : 下拉列表   
示例 2 : 设置高度   
示例 3 : 设置可以多选   
示例 4 : 默认选中   

运行效果
<select > <option >苍老师</option> <option >高树玛利亚</option> <option >遥美</option> </select>
1
2
3
4
5
<select >
 <option >苍老师</option>
 <option >高树玛利亚</option>
 <option >遥美</option>
</select>


使用属性size
运行效果
<select size="2"> <option >苍老师</option> <option >高树玛利亚</option> <option >遥美</option> </select>
1
2
3
4
5
<select  size="2">
 <option >苍老师</option>
 <option >高树玛利亚</option>
 <option >遥美</option>
</select>


示例 3 :

设置可以多选

edit
使用ctrl或者shift进行多选
运行效果
<select size="3" multiple="multiple"> <option >苍老师</option> <option >高树玛利亚</option> <option >遥美</option> </select>
1
2
3
4
5
<select size="3" multiple="multiple">
 <option >苍老师</option>
 <option >高树玛利亚</option>
 <option >遥美</option>
</select>


对option元素设置selected="selected" 属性
运行效果
<select size="3" multiple="multiple"> <option >苍老师</option> <option selected="selected">高树玛利亚</option> <option selected="selected">遥美</option> </select>
1
2
3
4
5
<select size="3" multiple="multiple">
 <option >苍老师</option>
 <option selected="selected">高树玛利亚</option>
 <option selected="selected">遥美</option>
</select>




HOW2J公众号,关注后实时获知最新的教程和优惠活动,谢谢。


问答区域    
2022-03-27 森泽嘉奈
倒悬之海+

yyds







回答已经提交成功,正在审核。 请于 我的回答 处查看回答记录,谢谢

2020-01-04 小企业的前端Time-HTML 下拉列表
小企业哒




下拉列表 <select>配合<option>使用 通过size设置下拉列表的高度 对option元素设置multiple使下拉列表可以多选 对option元素selected将某一项默认选中


6 个答案

嘤教授
答案时间:2022-01-27
是对select 设置multiple属性吧,多选

liuxiaoqi
答案时间:2021-11-17
你还想选多个

王菜菜
答案时间:2021-11-13
<div align="center"> <select> <option>汉堡包</option> <option>鸡腿</option> <option>年糕</option> <option>薯条</option> </select>&nbsp;&nbsp;&nbsp;&nbsp; <select size="2"> <option>汉堡包</option> <option>鸡腿</option> <option>年糕</option> <option>薯条</option> </select>&nbsp;&nbsp;&nbsp;&nbsp; <select multiple="multiple" size="3"><!-- multiple可以多选,按住ctrl或者shift就可以多选 --> <option selected="selected">汉堡包</option><!-- selected默认属性 --> <option>鸡腿</option> <option>年糕</option> <option>薯条</option> </select> </div>

Helloworld2020
答案时间:2020-09-03
我靠,查了一下都是色情女明星

Kerei
答案时间:2020-04-28
看你之前写出柚子社就知道有东西了

鱼不可及
答案时间:2020-02-23
老哥 有点东西



回答已经提交成功,正在审核。 请于 我的回答 处查看回答记录,谢谢


2019-10-01 下拉东西太多,怎么控制下拉个数,其他的用鼠标滑轮控制选择
2019-04-11 老板,怎么用js获取select中被选中的个数
2019-02-26 站长是个狼人


提问太多,页面渲染太慢,为了加快渲染速度,本页最多只显示几条提问。还有 11 条以前的提问,请 点击查看

提问之前请登陆
提问已经提交成功,正在审核。 请于 我的提问 处查看提问记录,谢谢