什么是 <select> 和 <option>?
在 HTML 中,并没有名为 <selection> 的标准标签。
正确的组合是 <select>(下拉选择框)和 <option>(选项项)。
<select> 是一个容器元素,用于创建下拉列表;
而 <option> 是其子元素,代表可选项。
基本语法示例
<label for="fruit">请选择水果:</label>
<select id="fruit">
<option value="apple">苹果</option>
<option value="banana">香蕉</option>
<option value="orange">橙子</option>
</select>
常见误区:selection ≠ select
很多初学者会误以为存在 <selection> 标签,
实际上这是对 <select> 的误解。
“Selection” 通常指用户在页面上选中的文本或选项状态,
而不是 HTML 元素名称。
在 JavaScript 中,可以通过 selectElement.value 获取用户选择的 option 的值,
或通过 document.getSelection() 获取页面中文本的选择内容。
交互示例
下拉选择演示
JavaScript 获取选中值
当你在左侧下拉框中选择一项,这里会实时显示你选择的值。