javascript - 根据用户输入确定从下拉选项框中添加和删除

Question

这是来自 Enable/disable checkbox determind by users input 的以下问题

我的老板想要一个下拉列表，而不是复选框。现在当用户输入他的联系电话时。如果联系号码以 01 开头，则“通过短信发送更新”将从下拉列表中删除。

我编写了一些代码来反射(reflect)这一点，如果用户输入 01，它会从列表中删除短信，但如果他将其更改为 07 号码，短信不会返回到列表。我尝试将 select.add 添加到 else 中，但这失败了。

function deselectcheckbox(wildvalue) {
 if (document.getElementById("tel_num").value.startsWith("01")) {
  var select=document.getElementById('send_updates');
   for (i=0;i<select.length;  i++) {
   if (select.options[i].value=='SMS') {
    select.remove(i);
   }
  }
 }
 else
 {
  SOMETHING IN HERE TO CHECK TO SEE IF SMS IS MISSING AND TO ADD IT IF IT IS
 }
}

html:

<table>
<tr>
 <td>Contact Number</td>
 <td>
 <input type="text" name="tel_num" id="tel_num" value="" onkeyup="deselectcheckbox(this.value)"></td>
</tr>
<tr>
 <td>
  <select name="send_updates" id="send_updates" required>
   <option value="" selected>Please Select....</option>
   <option value="SMS">Send updates by SMS</option>
   <option value="Email">Send updates by Email</option>
  </select> 
 </td>
</tr>
</table>

我知道我需要在 else 语句中添加一些内容，但不确定添加什么。

谢谢

Answer 1

使用此脚本:

var opt;
function deselectcheckbox(wildvalue) {
var select=document.getElementById('send_updates');
 if (document.getElementById("tel_num").value.startsWith("01")) {
   for (i=0;i<select.length;  i++) {
   if (select.options[i].value=='SMS') {
    opt=select.options[i];
    select.remove(i);
   }
  }
 }
 else
 {
    select.append(opt);
 }
}