Question

我有以下HTML选择框

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

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

</select>

选择“状态”选项。现在当我通过javascript删除'ABCD'选项时，它被None替换为

这是我使用的javascript

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

我不确定'无'是如何进入选择的，这导致了重大问题。

Answer 1

试试这个http://jsfiddle.net/1q97q8z6/1/

HTML

<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"/>

JS

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

Answer 2

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

参考w3schools

HTML选择框，通过javascript删除选项＆＃39;无＆＃39;选项出现

2 个答案: