bootstrap获取下拉框选中的值
时间: 2023-07-16 20:13:28 浏览: 89
可以使用 jQuery 来获取 bootstrap 下拉框选中的值:
HTML 代码:
```html
<div class="dropdown">
<button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
请选择
</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<a class="dropdown-item" href="#">选项1</a>
<a class="dropdown-item" href="#">选项2</a>
<a class="dropdown-item" href="#">选项3</a>
</div>
</div>
```
jQuery 代码:
```js
$('.dropdown-item').click(function(){
var selectedValue = $(this).text();
console.log(selectedValue);
});
```
上面的代码中,我们监听了 `.dropdown-item` 元素的点击事件,当用户点击下拉框选项时,我们使用 `$(this).text()` 获取选中的值,并打印到控制台上。
阅读全文