[Artur_Hopf]

Дополнительный вопрос, если я еще к каждому select добавлю кнопки и скрою их. Как сделать так чтобы при событии не равном 100% появлялась только определенная кнопка. Вот пример, но у меня появятся все кнопки

<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>' +'<button hidden="true" class="dutton">Комментарий</button>'+ 
                                    '<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);

$(".selectB").change(function() {
    if($(this).val() != '100%'){
     $('.dutton').prop('hidden', false);
    }else{
    $('.dutton').prop('hidden', true);
    };
});

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