select下拉列表相关


select

属性列表

属性名 属性值 描述
autofocus autofocus 页面加载完成之后,该文本区域自动获得焦点
disabled disabled 禁用该下拉列表
form form_id 规定该文本区域所属的一个 或 多个表单【见下述 举例2】
multiple multiple 表示该下拉列表 可以选择多个选项
name name 规定下拉列表的名称
required <所有主流浏览器都不支持该属性>
size number 下拉框可见选项的数目 默认是1

举例:








效果如图:

option

与select标签配合使用,否则是没有意义的

属性列表

属性 描述
disabled 规定此选项应该在首次加载时被禁用
label 与optgroup 标签组合使用,当下拉框选项很多时,进行一次分类
selected 表明默认选择哪一项,如果多个option标签有这个属性,优先后面的
value 定义发送到请求的值

value属性比如某个form表单中,某一项是通过下拉列表选择的,这里选择,form表单该select标签发到服务端对应的数据为 1,而不是张三

举例1:


在浏览器的效果如下:

value属性

定义送往服务器的选项值。如果没有显示声明该值,则默认为文本内容

比如: 如果这时候 选择的是科比,去获取id为"demo"的select标签的 val() ,得到的是“科比”,但是如果选择的是詹姆斯,去获取id为"demo"的select标签的 val() ,得到的是“james”


举例2:

效果如下图:

关于下拉列表的默认选择问题

需求:比如编辑某个学生信息,是需要先带出该学生的所有信息,比如所属班级,所属班级是一个下拉框,需要默认选择该学生所处的班级








实现效果如下: