HTML select option
时间: 2023-09-12 19:02:53 浏览: 137
select.html
HTML 的 `<select>` 元素用于创建下拉列表框,可以通过 `<option>` 元素来定义列表中可选项。
下面是一个简单的例子:
```html
<select>
<option value="1">选项1</option>
<option value="2">选项2</option>
<option value="3">选项3</option>
</select>
```
其中,`<option>` 元素的 `value` 属性定义了该选项的值,而元素内的文本内容则作为选项的显示文本。
当用户选择一个选项时,可以通过 JavaScript 来获取所选项的值。例如,下面的代码可以在用户选择某个选项时弹出一个提示框,显示选项的值:
```html
<select onchange="alert(this.value)">
<option value="1">选项1</option>
<option value="2">选项2</option>
<option value="3">选项3</option>
</select>
```
在这个例子中,`onchange` 事件会在用户选择某个选项时触发,而 `this.value` 则表示当前所选选项的值。
阅读全文