HTML选择框，通过javascript删除选项'；无'；选项出现

我有下面的HTML选择框

<select id="orderByItem" name="orderByItem">

    <option selected="" value="Status">Status</option>
    <option value="ABCD">ABCD</option>

</select>

我不确定“无”是如何进入select的，这会导致严重的问题。

试试这个

HTML

---

参考

要在删除状态时自动选择ABCD吗？必须是第三方/外部脚本。您的代码运行良好：请添加一些代码解释，说明它的功能以及如何解决问题。这将帮助将来看到你答案的其他人。

$("#orderByItem option[value='ABCD']").remove();

<select id="orderByItem" name="orderByItem">
    <option selected="" value="Status">Status</option>
    <option  value="Status2">Status2</option>
    <option value="ABCD">ABCD</option>
</select>
<input type="button" name="but" id="but" Value="click"/>

$( "#but" ).click(function() {
  $("#orderByItem option[value='ABCD']").remove();
   $("#orderByItem").get(0).selectedIndex = 1;
    var tempVal = $("#orderByItem").val();
  alert(tempVal);
});

var x = document.getElementById("orderByItem");
x.remove(x.selectedIndex);