Подсказка в опции Select Bootstrap

Мне нужно поместить всплывающие подсказки в опциях выбора моего кода следующим образом:

$(document).ready(function() {
  //Initialize Select2 Elements
  $('.select2').select2();

  $('[data-toggle="tooltip"]').tooltip();
});

<label>Concepto</label>
<select class="form-control select2" style="width: 100%;" id="id_conceptoVal">
<?php
  if(is_array($conceptos))
  {
    foreach($conceptos as $concepto)
    {
?>
      <option value="<?php echo $concepto["id_concepto"]; ?>" data-toggle="tooltip" data-placement="right" data-original-title="<?php echo $concepto["comentario"]; ?>">
      <?php echo $concepto["concepto"]; ?>
      </option>
<?php
    }
  }
?>
</select>
0
задан 30.11.2019, 19:19
1 ответ

В настоящее время нет опоры для того, чтобы <option> Select он смог содержать Tooltips, так как он не совместим с браузерами. Ни, если он хотел посредством Plugins. Самое близкое, что ты можешь иметь по отношению к Tooltip, состоит в том, чтобы распределять один title="" <options>, который является Tooltip, показывая сообщение, в момент которого ты помещаешь Мышь, достигает выбора. Он был бы следующего способа:

<option value="<?php echo $concepto["id_concepto"];?>" data-placement="right" title="<?php echo $concepto["comentario"];?>"> <?php echo $concepto["concepto"]; ?> </option>

Эта информация исследовала благодаря этот вопрос в сообществе StackOverflow на Английском языке, если ты хочешь консультировать более подробную информацию, я рекомендую тебе давать себе чтение в этом вопросе. Я надеюсь, что он помог. Привет!

0
ответ дан 01.12.2019, 10:30

Теги

Похожие вопросы