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:
效果如下图:
关于下拉列表的默认选择问题
需求:比如编辑某个学生信息,是需要先带出该学生的所有信息,比如所属班级,所属班级是一个下拉框,需要默认选择该学生所处的班级
实现效果如下: