1. ホーム
  2. ジャバスクリプト

[解決済み】セレクトボックスから項目を削除する方法

2022-04-01 18:54:19

質問

セレクトボックスから項目を削除したり、項目を追加したりするにはどうしたらよいでしょうか?jQueryを使用しているのですが、この作業が簡単になるでしょうか?以下は、セレクトボックスの例です。

<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>

解決方法は?

オプションを削除してください。

$("#selectBox option[value='option1']").remove();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<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>

オプションを追加します。

$("#selectBox").append('<option value="option5">option5</option>');
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<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>