获取复下拉框选中的内容
时间: 2023-10-06 14:14:02 浏览: 90
jQuery获取(选中)单选,复选框,下拉框中的值
你是在问如何获取下拉框(select)中选中的内容吗?如果是,你可以使用 JavaScript 的 DOM API 来获取选中的内容。具体的方法是先获取 select 元素,然后通过该元素的 `selectedIndex` 属性获取选中项的索引,再通过 `options` 属性获取所有选项元素,最后通过选中项的索引获取选中的选项元素,最终获取该元素的 `value` 属性即可。
以下是一个示例代码:
HTML 代码:
```html
<select id="mySelect">
<option value="apple">Apple</option>
<option value="banana">Banana</option>
<option value="orange">Orange</option>
</select>
<button onclick="getSelected()">Get Selected</button>
```
JavaScript 代码:
```javascript
function getSelected() {
const selectElem = document.getElementById('mySelect');
const selectedIndex = selectElem.selectedIndex;
const selectedOption = selectElem.options[selectedIndex];
const selectedValue = selectedOption.value;
console.log(selectedValue);
}
```
当用户点击按钮时,`getSelected` 函数会获取选中的选项的值,并将其输出到控制台。你可以根据自己的需求修改该函数来处理获取到的值。
阅读全文