刪除下拉菜單中的（o）th /（n）th選項？

任何人都可以解釋我如何刪除下拉菜單中的（0）th /（n）th元素？刪除下拉菜單中的（o）th /（n）th選項？

<select name="selectBox" id="selectBox"> 
    <option value="option1">option1</option> 
    <option value="option2">option2</option> 
    <option value="option3">option3</option> 
    <option value="option4">option4</option> 
</select>

來源

2013-01-10 Madura Harshana

讀：http://api.jquery.com/nth-child-selector/ – diEcho

[jQuery的選擇刪除選項（可能重複http://stackoverflow.com/問題/ 7375491/jquery-select-remove-option） –

您可以使用.eq()：

$('#selectBox option').eq(2).remove(); // Removes the third item

來源

2013-01-10 07:10:24 Blender

感謝您的回答。 –

這樣你就可以根據它的值刪除選項

$("#selectBox option[value='X']").remove();

您還可以通過文本刪除選項：

$("#selectBox option:contains(Text)").remove();

DEMO

來源

2013-01-10 07:09:32 Sibu

感謝您的回答。 –

@MaduraHarshana很高興我能幫助你;-) – Sibu

嘗試這個

JsFiddle Demo

$("#selectBox option:nth-child(2)").remove();

可以由任何其他數量的，即選項元素的數目代替2。

檢查這項工作如何：:nth-child() Selector

注：期權數量開始從0到n ...所以要小心，如果你寫3比它刪除列表中的項目2，因爲它從0

啓動

來源

2013-01-10 07:10:00

感謝您的回答。 –

刪除下拉菜單中的（o）th /（n）th選項？

回答

相關問題