Javascript 根据其他下拉列表的值更改下拉框文本

我有一段代码，到目前为止，它根据在上一个下拉框中选择的值禁用下拉组合框。但是，我还希望在禁用该选项的同时，将“禁用”框中显示的文本从“选择一个”更改为“仅使用电子邮件”（或仅使用“电子邮件”，即使DOM选择该选项）。到目前为止，我还不知道如何做到这一点。以下是有效的代码，需要进行一些修改才能更改显示的文本：

HTML-1st Drop Down:
<select class="rounded" name="cboBestCallingPeriod" id="cboBestCallingPeriod">
  <option value="Choose One">Choose One</option>
  <option value="Use Email Only">Use Email Only</option>
  <option value="8:00AM - Noon">8:00AM - Noon</option>
  <option value="Noon - 1:00PM">Noon - 1:00PM</option>
  <option value="1:00PM - 3:00PM">1:00PM - 3:00PM</option>
  <option value="5:00PM - 6:00PM">5:00PM - 6:00PM</option>
  <option value="6:00PM - 8:00PM">6:00PM - 8:00PM</option>
</select>   


HTML-2nd Drop Down:
<select class="rounded" name="cboPreferredContactMethod" id="cboPreferredContactMethod">
  <option value="Choose One">Choose One</option>
  <option value="E-mail">E-mail</option>
  <option value="Phone">Phone</option>
</select>

JAVASCRIPT:
<script type="text/javascript">
  let select = document.getElementById("cboBestCallingPeriod");
  let inputvalue = document.getElementById("cboPreferredContactMethod");
                        
  select.addEventListener("change", function () {
     inputvalue.disabled = select.value == "Use Email Only";
   });
</script>

HTML-1st下拉列表：
选一个
只使用电子邮件
上午八时至中午十二时
正午至下午一时
下午1:00-3:00
下午五时至六时
下午6:00-8:00
HTML-2下拉列表：
选一个
电子邮件
电话
JAVASCRIPT:
让select=document.getElementById（“cboBestCallingPeriod”）；
让inputvalue=document.getElementById（“cboPreferredContactMethod”）；
select.addEventListener（“更改”，函数（）{
inputvalue.disabled=select.value==“仅使用电子邮件”；
});