Не бросается событие change в select bootstrap в chrome [закрывшая]

Моя проблема - следующая и - что этот код:

$("#consultas").change(function(){
    console.log("opcion2");
    alert("Hola");
});

Функционируй правильно в Firefox но я не знаю, потому что не в Chrome (В других браузерах я не попытался). Это событие, которое я хочу бросить в одном select с классами Bootstrap, или же будь в проекте используя jQuery и Bootstrap.

Я протестировал решения, которые дают в Вебе как:

$('#consultas').on('changed.bs.select', function (e, clickedIndex, newValue, oldValue) {
  var selected = $(e.currentTarget).val();
}); 

Редкое состоит в том, чтобы оно функционировало в браузере и в другом не.

0
задан 02.01.2017, 17:11
0 ответов

Ты можешь пытаться conn ésto, если onchange оно ты не функционирует

document.getElementById('consultas').addEventListener('change', function() {
    alert('cambiado');
}, false);
 <select id="consultas">
  <option>uno</option>
  <option>dos</option>
 </select>
0
ответ дан 03.12.2019, 17:54
  • 1
    ¿ Как оно ты функционирует, если ты даешь событие change формуляру? ¿ И если у тебя нет формуляра? –  02.01.2017, 18:41
  • 2
    нажми в тесте здесь внизу и ты увидишь, что оно функционирует. Ты можешь помещать ему select также. Только я он смог в form, потому что я схватил tení в в моем có я говорю. В sí ntesis рукописный шрифт, который я сделал честным, не замечай в html. Он помещает id твоего có я говорю и verá s, что петля функционирует –  02.01.2017, 18:57
  • 3
    Я заношу в список обновленный без form –  02.01.2017, 19:20

В Select2 programatic control они используют взамен DOM

Пример используя select2:select

$('.Select2').select2().on("select2:select", function (e) {
  console.log('Cambio')
  console.log(e.params.data)
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>
<select class="Select2" style="width: 100px;">
  <option>&nbsp;</option>
  <option>uno</option>
  <option>dos</option>
  <option>tres</option>
</select>

Пример используя change

$('.Select2').select2().on("change", function (e) {
  console.log('Cambio')
  console.log(e.params)
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>
<select class="Select2" style="width: 100px;">
  <option>&nbsp;</option>
  <option>uno</option>
  <option>dos</option>
  <option>tres</option>
</select>

Нет различия в форме изменения, но если то, что ты занимаешь, он состоит в том, чтобы захватывать id, clase, и т.д. отборного элемента лучше использовать select2:select

1
ответ дан 03.12.2019, 17:54