Jquery, Срабатывание .click для selector на мобильных устройствах

У меня есть форма поля которой меняються в зависимости друг от друга.

Для поля selector стоит событие

$('#selector-152 option:contains("50х90")').on('click', function() {
  $("#input_text-167").val('50');
  $("#input_text-166").val('90');
})
$('#selector-152 option:contains("55х85")').on('click', function() {
  $("#input_text-167").val('55');
  $("#input_text-166").val('85');
})
$('#selector-152 option:contains("40х70")').on('click', function() {
  $("#input_text-167").val('40');
  $("#input_text-166").val('70');
})
$('#selector-152 option:contains("90х50")').on('click', function() {
  $("#input_text-167").val('90');
  $("#input_text-166").val('50');
})
$('#selector-152 option:contains("85х55")').on('click', function() {
  $("#input_text-167").val('85');
  $("#input_text-166").val('55');
})
$('#selector-152 option:contains("70х40")').on('click', function() {
  $("#input_text-167").val('70');
  $("#input_text-166").val('40');
})

На ПК все отлично срабатывает, однако на мобильных устройствах (Android и IOS) нажатие на seletor вызывает диалоговое окно с выбором и соответственно событие click не может сработать.

Какое событие необходимо поставить что бы при выборе определенного option менялись значение input?

P.S. Сделать переключение по value не могу поскольку некоторые option имеют одинаковое value


Ответы (0 шт):