表单（三）选择框

最新推荐文章于 2021-11-23 15:26:08 发布

kalinara

最新推荐文章于 2021-11-23 15:26:08 发布

阅读量928

点赞数

分类专栏： JavaScript 文章标签：表单选择框

本文链接：https://blog.csdn.net/kalinara/article/details/75504010

版权

选择框通过<select> 和<option> 创建

<select name="location" id="selectLocation">
   <option value="china">中国</option>
   <option value="England">英国</option>
   <option value="">美国</option>
   <option >俄国</option>
</select>

选择框只要选中选项就会发生change事件，其他表单字段要在值被修改且焦点离开当前字段时才会触发change事件

HTMLSelectElement类型为选择框提供的属性和方法：

1. multiple          允许多项选择时为true
2. options           所有option集合
3. selectedIndex     选中项的索引，若没有选中项则为-1，对于多选控件，只保持选中项中第一项的索引
4. size              选择框中可见的行数
5. type              单选为"