Не работает jquery код в CHROME

106

13 февраля 2022, 09:30

<select class="selectpicker" data-live-search="true" tabindex="-98">
 <option id="17" class="region-listing" value="Иркутская область">sdsdsd</option>
 <option id="175" class="region-listing" value="Иркутская область">sdsdsd</option>
 <option id="172" class="region-listing" value="Иркутская область">sdsdsd</option>
 <option id="1237" class="region-listing" value="Иркутская область">sdsdsd</option>
 <option id="1237" class="region-listing" value="Иркутская область">sdsdsd</option>
</select> 
$('.region-listing').on('click',function () {
    $(this).text('не работает');
    console.log('РАБОТАЕТ') 
    }); console.log('123');

1 cкрин хром, второй мозила код работает в firefox, но не работает в chrome, я не понимаю в чем дело.

https://jsfiddle.net/nfakx8jg/1/

Answer 1

$('.selectpicker').on('change', function() { 
  $(this).find(':selected').text('не работает'); 
  console.log('РАБОТАЕТ'); 
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 
<select class="selectpicker" data-live-search="true" tabindex="-98"> 
  <option id="17" class="region-listing" value="Иркутская область">sdsdsd</option> 
  <option id="175" class="region-listing" value="Иркутская область">sdsdsd</option> 
  <option id="172" class="region-listing" value="Иркутская область">sdsdsd</option> 
  <option id="1237" class="region-listing" value="Иркутская область">sdsdsd</option> 
  <option id="1237" class="region-listing" value="Иркутская область">sdsdsd</option> 
</select>

Answer 2

хром дофига правильный (или наоборот). У option нет такого ивента, как click. Соответственно он (click) хромом и не обрабатывается на option-ах

$('.selectpicker').on('click', function () { 
  let selected = $('.selectpicker option:selected'); 
  selected.text('не работает'); 
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 
<select class="selectpicker" data-live-search="true" tabindex="-98"> 
 <option id="17" class="region-listing" value="Иркутская область">sdsdsd</option> 
 <option id="175" class="region-listing" value="Иркутская область">sdsdsd</option> 
 <option id="172" class="region-listing" value="Иркутская область">sdsdsd</option> 
 <option id="1237" class="region-listing" value="Иркутская область">sdsdsd</option> 
 <option id="1237" class="region-listing" value="Иркутская область">sdsdsd</option> 
</select>