bootstrap-select 获取选中值
时间: 2023-05-02 15:06:20 浏览: 639
Bootstrap-select是Bootstrap框架的一个插件,它提供了一个可定制的下拉菜单,可以用于选项选择和搜索。获取bootstrap-select的选中值非常简单,只需要通过jQuery选择器选择所需的bootstrap-select元素,并使用.val()方法获取其选中值。以下是获取bootstrap-select选中值的示例代码:
HTML代码:
```
<select class="selectpicker">
<option value="1">选项一</option>
<option value="2">选项二</option>
<option value="3">选项三</option>
</select>
```
JavaScript代码:
```
// 获取选中的值
var selectedValue = $('.selectpicker').val();
console.log(selectedValue); // 输出选中的值
```
上面的代码首先选择了一个class为selectpicker的bootstrap-select元素,然后使用.val()方法获取它的选中值,并将值赋给变量selectedValue。最后,使用console.log()方法输出该变量,即可将选中值打印到控制台中。
需要注意的是,在获取bootstrap-select的选中值之前,必须先确保该元素已经被初始化。例如,可以使用以下代码在文档准备好之后对所有的selectpicker元素进行初始化:
```
$(document).ready(function(){
$('.selectpicker').selectpicker();
});
```
通过以上方法可以保证bootstrap-select元素已经被正确初始化,之后即可直接获取其选中值。