引言
在 Web 开发中，choice、option 和 selection 是经常被提及的术语。
它们虽然都与“选择”相关，但在语义和使用场景上有所不同。
本文将简明扼要地解释三者的含义及其在 HTML 中的实际体现。
1. Choice（选择）
“Choice”是一个通用词汇，表示用户可以从多个项目中做出决定。
在 Web 表单中，它通常通过复选框（<input type="checkbox">）、
单选按钮（<input type="radio">）或下拉列表来实现。
<label><input type="radio" name="color" value="red"> 红色</label>
<label><input type="radio" name="color" value="blue"> 蓝色</label>2. Option（选项）
“Option”特指在下拉列表（<select> 元素）中的每一个可选项，
由 <option> 标签定义。
<select name="fruit">
<option value="apple">苹果</option>
<option value="banana">香蕉</option>
<option value="orange">橙子</option>
</select>3. Selection（选中内容）
“Selection”通常指用户在页面上高亮选中的文本，或在表单控件中当前被选中的项。
在 JavaScript 中，可以通过 window.getSelection() 获取文本选区，
或通过 <select> 元素的 .value 属性获取用户的选择。
示例：点击按钮查看当前下拉框的选中值。
总结
- Choice：泛指用户可做的选择行为。
- Option：特指
<select>中的每个选项项。 - Selection：指用户当前实际选中的内容或值。
理解这些术语有助于编写更清晰、语义更准确的 HTML 和 JavaScript 代码。