如何從jquery中刪除`<option>`裏面的`<select>``

-4

這是我的源：如何從jquery中刪除`<option>`裏面的`<select>``

<select> 
    <option>option1</option> 
    <option>option2</option> 
    <option>option3</option> 
</select>

我想刪除一個選項：

<select> 
    <option>option1</option> 
    <option>option2</option> 
</select>

如何做到這一點使用jQuery或JavaScript？

來源

2014-02-05 M.Eskandari

你嘗試了什麼？ –

'Dhaval Marthak'對不起，但我之前搜索了這個問題，沒有找到它！您搜索了 –

但沒有找到任何內容？我不相信你 –

卸下帶值的選項："option1"：

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

你會在你的選項來設置值，但：

<option value="option1">option1</option> 
<option value="option2">option2</option> 
<option value="option3">option3</option>

增加值的屬性，也有可以改變的好處顯示值，同時將代碼理解的東西發送回服務器：

<option value="option1">Mercedes</option> 
<option value="option2">Volvo</option> 
<option value="option3">Volkswagen</option>

例如，

服務器仍將收到option1。

來源

2014-02-05 14:43:54 Cerbrus

爲了除去最後一個元素簡單地做：

jQuery("select option:last").remove();

當然，你可以切換到任何你想要的選擇，它只能指向一個或多個選項元素。

來源

2014-02-05 14:44:23 Flixer

我想刪除第二個呢？ –

然後使用jQuery（「select option：nnth-child（2）」）。remove（） – Flixer

如果你需要刪除第二個，它有多重要有多重要？ –

要刪除索引爲某一特定的選項，那麼你必須使用一個id使用.eq()或:eq和.remove()

$('select option:eq(2)').remove();

來源

2014-02-05 14:44:39 Anton

downvote的原因是什麼？ – Anton

你應該通過選擇此選項...例如，然後用移去那些所謂（）功能。例如：

<select> 
    <option id="a">a</option> 
    <option>b</option> 
</select>

JQuery的：

$("#a").remove();

來源

2014-02-05 14:45:00 RanSch

使用簡單的JavaScript與你給出的例子：

<script type="text/javascript"> 
    var oList = document.getElementsByTagName("select")[0] ; 
    var oOption = oList.options[2]; // to select the third childelement 
    oList.removeChild(oOption); // to remove the childelement 
</script>

這消除了第一選擇是在DOM第三項。這將是一個好主意，讓你選擇一個ID是這樣的：

<select id="sel"> ... </select>

這樣你就可以選擇這樣的元素：

var oList = document.getElementById("sel") ;

或者使用jQuery的使用

$("#sel option:eq(2)").remove();

再次移除第三項。

來源

2014-02-05 14:56:38 efux

如何從jquery中刪除`<option>`裏面的`<select>``

回答

相關問題