Есть ли решение javascript для зависимых полей выбора?

Я пытаюсь настроить зависимое поле на основе поля выбора реферала. Если выбран один из вариантов реферала, я бы хотел, чтобы поле имени моего реферала отображалось в форме.

Я пытался использовать javascript для решения этой проблемы, но продолжаю зависать при попытке добавить дополнительные значения для поля выбора.

<div class = "smartcapture-controls"><div class = "sc-formfield-label"><label 
for = "Hear About">How Did you Hear About Us? *</label></div>
<div class = "sc-formfield-input">
 <select id = "master-dependent" name = "Hear About" data-field-type = "Text" 
required = "required" data-validation-message = "Please fill out this 
field.">
  <option value = "" selected = "selected"></option>

  <option value = "Through ICC">Through ICC</option>

  <option value = "Through Triumph Business Capital">Through Triumph 
Business Capital</option>

  <option value = "Through Another Triumph Employee">Through Another 
Triumph Employee</option>

  <option value = "Through a Triumph Insurance Client">Through a Triumph 
Insurance Client</option>

  <option value = "Online Search">Online Search</option>

  <option value = "Social Media">Social Media</option>

 </select>
</div>
</div>

Если выбран любой из первых 4 вариантов, я бы хотел, чтобы он отображал мое реферальное поле ниже

<div id = "dependent" style = "display:none;" class = "smartcapture-controls"> 
 <div class = "sc-formfield-label"><label for = "Referral Name">Referral Name * 
 </label></div>
<div class = "sc-formfield-input"><input type = "text" name = "Referral Name" 
data-field-type = "Text" required = "required" data-validation-message = "Please fill out this field."></div>
</div>

Это был код, который я пробовал ниже, но, похоже, не могу заполнить поле реферала

<script>
function showHideReferral() {
    if (document.getElementByID("master-dependent").value= = "Through ICC") {
        document.getElementById("dependent").style.display = "block";

    } else {
        document.getElementById("dependent").style.display = "none";
    }
}

</script>

Ожидаемый результат — заполнить поле реферала в форме, если выбран любой из первых 4 вариантов. Но в настоящее время мое реферальное поле остается скрытым независимо от выбора.