HTML選擇框，通過JavaScript「無」選項刪除選項出現

我有以下的HTML選擇框HTML選擇框，通過JavaScript「無」選項刪除選項出現

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

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

</select>

「狀態」選項被選中。現在，當我通過JavaScript刪除「ABCD」選項，它就會通過無

更換這是JavaScript我用

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

我不知道「無」是如何進入的選擇，這也是造成主要問題。

來源

2014-09-24 user3547774

是否要自動選擇ABCD當你刪除狀態？ – 2014-09-24 07:07:15

*有*爲第三方/外部腳本。你的代碼工作正常：http://jsfiddle.net/2L7tk73z/ – CodingIntrigue 2014-09-24 07:07:31

試試這個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"/>

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

來源

2014-09-24 07:16:40

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

參考w3schools

來源

2014-09-24 08:00:25 Mahesh

請添加一些代碼的展開，展示它的功能以及它如何解決問題。這將有助於其他人看到你的答案。 – 2014-09-24 08:39:03

HTML選擇框，通過JavaScript「無」選項刪除選項出現

回答

相關問題