[Artur_Hopf]

Добрый день, подскажите как отлавливать изменение значений внутри select.

Создадим пару вкладок select:

<script src="//ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<div id="text"></div>
<div id="box"></div>
<button id="click">Все 100%</button>
<script type="text/javascript">
var data = ['первый', 'второй', 'третий'];

var name = "";
for (i = 0; i < data.length; i++){
     name += data[i] +  '<br>' + '<select class="selectB">'+
                                    '<option>0%</option>'+
                                    '<option>10%</option>'+
                                    '<option>20%</option>'+
                                    '<option>30%</option>'+
                                    '<option>40%</option>'+
                                    '<option>50%</option>'+
                                    '<option>60%</option>'+
                                    '<option>70%</option>'+
                                    '<option>80%</option>'+
                                    '<option>90%</option>'+
                                    '<option>100%</option>'+
                      '</select>' + '<br>'
};
$("#box").html(name);

$("#click").click(function(){
    $(".selectB").val('100%');
    if($(".selectB").val() == '100%'){
          $("#text").html('Все выполнено');
    } else{
         $("#text").html('');
    };
});
</script>

В данном примере если жмем на кнопку "Все 100%" все select заполняются на 100% и срабатывает событие.

А нужно подобное событие если вручную ткнуть каждую select и выбрать там 100%, как это можно написать, подскажите пожалуйста