JAVASCRIPTを使用してHTML内の<select>タグを非表示にする

Question

おはよう！

この問題を解決するにはもう一度手助けが必要です。

ユーザーが「その他」の値をクリックし、「その他」を選択した後に表示される非表示のテキストボックスに置き換えたときに、ドロップダウンリストを非表示にしたいが、私のケースでは機能しない。ここに私のコードだ：

あなたのケースでは

function addMajorList(){ 
 
    if(document.getElementById('courseMajor').value == 'other'){ 
 
     document.getElementById('addMajorToList').style.visibility = 'visible'; 
 
    } 
 
}

<div class="col-md-3"> 
 
    <select class="btn btn-default dropdown-toggle" name="courseMajor" id="courseMajor"> 
 
    <?php 
 
     for ($i=0;$i<count($getMajorList);$i++){ 
 
    ?> 
 
      <option value=<?php echo $getMajorList[$i][0]?>><?php echo $getMajorList[$i][1];?></option> 
 
    <?php 
 
     } 
 
    ?> 
 
      <option value="other" onchange="addMajorList()">Other</option> 
 
    </select> 
 
    <input class="form-control info" type="hidden" id="addMajorToList" name="addMajorToList"> 
 
</div>