2014-09-24 124 views
1

我有以下的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(); 

我不知道“无”是如何进入的选择,这也是造成主要问题。

+0

是否要自动选择ABCD当你删除 状态? – 2014-09-24 07:07:15

+1

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

回答

0

试试这个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); 
}); 
0
var x = document.getElementById("orderByItem"); 
x.remove(x.selectedIndex); 

参考w3schools

+0

请添加一些代码的展开,展示它的功能以及它如何解决问题。这将有助于其他人看到你的答案。 – 2014-09-24 08:39:03