Select2 - Получить значение с помощью мыши mouseenter - PullRequest
Новая
       133

Select2 - Получить значение с помощью мыши mouseenter

0 голосов
/ 02 апреля 2019

Я использую Select2 с 5 optgroup, как я могу получить "значение" (id), наводя курсор на каждый элемент с событием mouseenter? 

$('body').on("mouseenter", ".select2-results__option", function(e){
    console.log(value);
});

Я использую Select2 с Kartik для Yii2 Framework. 

 <?= $form->field($model, 'id_nconform')->widget(Select2::classname(), [
            'data' => $variables,
            'options' => ['placeholder' => 'Select a state ...'],
            'pluginOptions' => [
                'allowClear' => true
            ],
        ]);
        ?>

1 Ответ

0 голосов
/ 02 апреля 2019

Аргумент 'e', ​​который вы передаете обратному вызову события, имеет свойство target, содержащее текущий целевой ввод события. Оттуда вы можете получить доступ к его значению. 

$('body').on("mouseenter", ".test", function(e) {
  console.log(e.target.value);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select class="test">
  <option value="1">1</option>
  <option value="2">2</option>
</select>


<select class="test">
  <option value="1">1</option>
  <option value="2">2</option>
</select>

РЕДАКТИРОВАТЬ после получения более точных сведений о проблеме :

Вы не можете взаимодействовать с опциями выбора HTML.

Решение тогда будет состоять в том, чтобы смоделировать выборку с помощью некоторой пользовательской комбинации html / css / js. Вы можете проверить некоторое представление о результате здесь: https://material.angular.io/components/select/overview

Даже если вы не используете эту платформу, это всего лишь пример. Затем вы можете свободно взаимодействовать с каждой частью вашего выбора.

...