html怎么从select列表选择其中一项再建列表_快速了解JavaScript的选择框操作

在HTML中使用 和 元素创建选择框。而 元素对应的是 HTMLSelectElement 接口， 元素对应的是 HTMLOptionElement 接口。这两个接口都是通过 HTMLElement 接口从其他 HTML 元素共享所有属性和方法。

先从 元素对应的 HTMLSelectElement 接口开始介绍专属的属性和方法。

• autofocus：返回 boolean 值，表示控件在页面加载时是否应该具有输入焦点，除非用户覆盖它。等价于 元素中的 autofocus 属性。
• disabled：返回 boolean 值，表示控件是否被禁用。等价于 元素中的 disabled 属性。
• form：返回 HTMLFormElement 值的只读属性，表示与此元素关联的表单。
• labels：与此元素关联的 元素组成的 NodeList。
• length：返回 number 值，表示 元素中 元素的数量。
• multiple：返回boolean 值，表示是否允许多选，等价于 元素中的 multiple 属性。
• name：返回 string 值，表示此控件的名称。等价于 元素中的 name 属性。
• options：返回 HTMLOptionsCollection 值的可读属性，表示此元素包含的 元素集。
• required：返回 boolean 值，表示用户在提交表单之前是否需要选择值。等价于 元素中的 required 属性。
• selectedIndex：返回 number 值，表示第一个选定的 元素的索引。值为 -1 表示未选择任何元素，对于允许多选的列表，始终是第一个选项的索引。
• selectedOptions：返回 HTMLCollection 值的可读属性，表示所选的 的元素集。
• size：返回 number 值，表示控件中可见项的数量。等价于 元素的 size 属性。默认值为 1，如果 multiple 为 true ，则为 4。
• type：返回 string 值的只读属性，表示表单控件类型。当 multiple 为 true 时，它返回 "select-multiple"，否则返回 "select-one"。
• validationMessage：返回 string 值的只读属性，表示一个本地化消息，描述了控件不满足的验证约束。如果willvalidate=false，或者它满足其约束，则此属性为空字符串。
• validity：返回  ValidityState 的只读属性，表示该控件所处的有效状态。
• value：返回 string 值，表示表单控件的值。返回 option 元素的 value 属性，如果没有该属性，则返回 text 属性。
• willValidate࿱