Получить значения параметров Bootstrap-select с помощью jquery - PullRequest
Новая
       10

Получить значения параметров Bootstrap-select с помощью jquery

0 голосов
/ 10 декабря 2018

Я пишу этот HTML-код и использую Bootstrap-select для создания jquery select 

<select id="type" class="selectpicker">
        <option>Select...</option>
<option value="1">1</option>
<option value="2">2</option>

как проверить событие наведения мыши или наведения мыши с помощью jquery?Я хочу предупредить значение параметров.

Bootstrap-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());
        }

1 Ответ

0 голосов
/ 10 декабря 2018

<select> упаковывается в контейнер с классом 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())
  })

DEMO

...