Как сделать изменение атрибута кнопки при выборе select списка?

Question

[Stacy None]

Помогите пожалуйста сделать js скрипт который удалял бы атрибут disabled у кнопки если в списке выбран не пустой пункт

Вот строки: codepen

Comments

[Алексей]

Без JQ

Answer 1

[Tony V]

$(document).ready(function () {
    var $select = $('#category');
    var $button = $('#cat');
    $select.on('change', function(){
        if ($select.val() == 0){
            $button.attr('disabled', 'disabled');
        } else {
            $button.removeAttr('disabled');
        }
    });

});

Answer 2

[0xD34F]

$('select').change(function() {
  $('button').prop('disabled', $(this).val() === '0');
});

или

document.querySelector('select').addEventListener('change', function() {
  document.querySelector('button').disabled = this.value === '0';
});

Comments

[Stacy None]

Спасибо большое! Но не совсем то, у поля select и кнопки button есть свои id. Помогите пож сделать под эти id

[0xD34F]

не совсем то, у поля select и кнопки button есть свои id. Помогите пож сделать под эти id

Давайте уточним: вы и впрямь настолько глупы, что неспособны самостоятельно заменить один селектор на другой?

Если да - может, ну её, эту веб-разработку? Найдите себе занятие попроще.

[Tony V]

Тогда просто заменяете селектор на необходимый id

$('#category').change(function() {
  $('#cat').prop('disabled', $(this).val() === '0')
})