2016-04-15 18 views
2

私は毎回異なる値を持つselect optionのフォームを持っていますが、は常に4オプションです。ここで一部のオプションを選択オプションから削除する

である私のコード(PS:たびにオプション値を覚えて、変更)

<select name="selectoption" id="selectoption" selected> 
    <option value="2623">option1</option> 
    <option value="8982">option2</option> 
    <option value="1237">option3</option> 
    <option value="9362">option4</option> 
</select> 
私は私のオプションリストから第一及び第二のオプションを削除するにはどうすればよい

私は試してみました:

$("#selectoption option:selected").remove(); 

しかし、それだけで最初のオプション(オプション1)を削除し、私は最初の2つのオプションを削除する場合、または他の言葉で、私はどのオプションを選択したいです削除する必要があります。

答えて

3

使用:lt(別名より低い)セレクタ:

$("#selectoption option:lt(2)").remove();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select name="selectoption" id="selectoption" selected> 
 
    <option value="2623">option1</option> 
 
    <option value="8982">option2</option> 
 
    <option value="1237">option3</option> 
 
    <option value="9362">option4</option> 
 
</select>

、インデックス= 2以下、従って最初の2つの要素とオプションのタグを削除します。

+0

また、より制御したい場合は、n番目のオプションを取り除くためにeq(n).remove();を実行してください。 –

+0

@Mike 'eq'は毎回1つのオプションだけを削除します。 – DontVoteMeDown

+0

はい、削除するのは1つだけです。しかし、彼が言ったように、彼は1番目と最後のオプションを削除したい場合、または1番目と3番目を言うと、彼はこれが有用であると感じるかもしれません。 –

関連する問題