使用 jquery 获取 Bootstrap-select 选项的值
Get values of Bootstrap-select options using jquery
我写这个Html并使用Bootstrap-select创建jqueryselect
<select id="type" class="selectpicker">
<option>Select...</option>
<option value="1">1</option>
<option value="2">2</option>
如何使用 jquery 检查鼠标悬停或悬停事件?我想提醒选项的价值。
Bootstrap-select 创建 select 框
SelectBox 的构造方式如下:
<ul class="dropdown-menu inner "><li class="selected active"><a role="option"
aria-disabled="false" tabindex="0" class="selected active" aria-selected="true">
<span class="glyphicon glyphicon-ok check-mark"></span><span
class="text">Select...</span></a></li><li><a role="option" aria-disabled="false"
tabindex="0" aria-selected="false"><span class="glyphicon glyphicon-ok check-
mark"></span><span class="text">1</span></a></li><li><a role="option" aria-
disabled="false" tabindex="0" aria-selected="false"><span class="glyphicon
glyphicon-ok check-mark"></span><span class="text">2</span></a></li></ul>
通过以下方式解决了这个问题
$('.bootstrap-select').on('mouseover', function (e) {
var $target = $(e.target.children);
if ($target.is('span')) {
console.log($target.text());
}
<select>
被包裹在一个带有 class bootstrap-select
的容器中,所以在您初始化插件后,您可以:
$('.bootstrap-select').on('mouseenter', function(e){
console.log($(this).find('select').val())
})
或者您可以在初始化插件之前委托监听器
$(document).on('mouseenter','.bootstrap-select', function(e){
console.log($(this).find('select').val())
})
我写这个Html并使用Bootstrap-select创建jqueryselect
<select id="type" class="selectpicker">
<option>Select...</option>
<option value="1">1</option>
<option value="2">2</option>
如何使用 jquery 检查鼠标悬停或悬停事件?我想提醒选项的价值。
Bootstrap-select 创建 select 框 SelectBox 的构造方式如下:
<ul class="dropdown-menu inner "><li class="selected active"><a role="option"
aria-disabled="false" tabindex="0" class="selected active" aria-selected="true">
<span class="glyphicon glyphicon-ok check-mark"></span><span
class="text">Select...</span></a></li><li><a role="option" aria-disabled="false"
tabindex="0" aria-selected="false"><span class="glyphicon glyphicon-ok check-
mark"></span><span class="text">1</span></a></li><li><a role="option" aria-
disabled="false" tabindex="0" aria-selected="false"><span class="glyphicon
glyphicon-ok check-mark"></span><span class="text">2</span></a></li></ul>
通过以下方式解决了这个问题
$('.bootstrap-select').on('mouseover', function (e) {
var $target = $(e.target.children);
if ($target.is('span')) {
console.log($target.text());
}
<select>
被包裹在一个带有 class bootstrap-select
的容器中,所以在您初始化插件后,您可以:
$('.bootstrap-select').on('mouseenter', function(e){
console.log($(this).find('select').val())
})
或者您可以在初始化插件之前委托监听器
$(document).on('mouseenter','.bootstrap-select', function(e){
console.log($(this).find('select').val())
})