Question

我正在将Select2与5 optgroup一起使用，如何将鼠标悬停在事件mouseenter的每个项目上来获取“值”（id）？

$('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
            ],
        ]);
        ?>

Answer 1

您传递给事件回调的'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 select的选项进行交互。

然后的解决方案是使用一些自定义html / css / js组合来模拟选择。您可以在这里检查结果的一些想法：https://material.angular.io/components/select/overview

即使您没有使用此框架，也仅是示例。然后，您可以与所选内容的各个部分自由交互。

Select2-通过事件mouseenter获取价值

1 个答案: