9.13 下拉列表

一、下拉列表简介

下拉列表由< select>和< option>这2个标签配合使用。
下拉列表是一种最节省页面空间的选择方式，因为在正常状态下只显示一个选项，单击下拉菜单打开菜单后才会看到全部的选项。

二、下拉列表属性

1、< select>标签属性

< select>标签属性 说明
multiple 可选属性，只有一个属性值”multiple”。默认情况下下拉列表只能选择一项，当设置multiple=“multiple”时，下拉列表可以选择多项
size 下拉列表展开之后可见列表项的数目

（1）multiple属性
语法：
< select multiple=”multiple”>
< option>选项显示的内容< /option>
……
< option>选项显示的内容< /option>
< /select>

想要选取多项，使用“Ctrl+鼠标左键”即可。

(2）size属性

下拉列表size属性，用来定义下拉列表展开之后可见选项的数目。

语法：
< select multiple=”multiple” size=”可见列表项的数目”>
< option>选项显示的内容< /option>
……
< option>选项显示的内容< /option>
< /select>

option标签value值，自不多说。selected属性表示这个列表项是否选中，跟单选按钮radio的checked是一样的意思。

有些同学将size取值为1、2、3时，对360浏览器无效，最低都有4个选项，而IE、火狐可以显示。其实这是浏览器默认所致，不同浏览器对于一些标签会有不同的样式设置。就像按钮button，在不同浏览器，它的样式也是不一样的。