如何在文本区域更改时将“必需”属性添加到输入？

我需要在文本区域（orderComments）中输入文本的情况下将 required 属性添加到 html select (toDept) 中。下面是我的代码...我缺少什么？我需要在更改事件或其他事件上运行 jquery 吗？

    $(document).ready(function() {
          if ($('#textareaId').val() != '') {
            $("#selectId").attr('required', true);
          }
        }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<textarea id="textareaId"></textarea>

<select id="selectId">
  <option value=""></option>
  <option value="opt1">opt1</option>
</select>

谢谢你的时间！

您需要在文本区域更改时运行代码：

var textarea = $('#textareaId');
var select = $('#selectId');

var addOrRemoveRequiredAttribute = function () {
    if (textarea.val().length) {
        select.attr('required', true);
    }
    else {
        select.attr('required', false);
    }
};

// Run now
addOrRemoveRequiredAttribute();

// And when textarea changes
textarea.on('change', addOrRemoveRequiredAttribute);