Выделение опции при совпадении значения из текстового поля

#javascript #jquery

Есть некий набор опций:


    $
    €
    ¥



и input со значением:




Как проще всего реализовать выделение селектора по совпадению значения из текстового
поля?
    

Ответы

Ответ 1

Пояснения в комментариях



// Взять значение из `input`
var value = $('input[type=text]').val();

// Получить все значения из `select` (один из многих способов)
var values = $.map( $('#currency option'), function(option) { return option.value });

// Проверить содержится ли значение из `input` в `select`
if ( values.indexOf(value) !== -1 ) {

  // Установить значение `select`
  $('#currency').val(value);
}



    $
    €
    ¥





Ответ 2

Надо перехватить событие для select chage и если его значение ровно значению текстового
поля то дать ему какой то класс, иначе убрать класс.



$(document).ready(function(){
  $('#currency').on('change',function(){
    if($(this).val() == $('#cur_input').val()){
      $(this).addClass('active');
    }
    else{
      $(this).removeClass('active');
    }
  });
});
#currency.active{
  color: red;
}


    $
    €
    ¥






Вот второй вариант, здесь когда текст input совпадает с одним из значений select
этот оно выбирается и они высвечиваются. Еще опции проверяются после загрузки страницы.
Так универсально.





    select currency
    $
    €
    ¥