从选择框中删除项目

一尘不染

从选择框中删除项目

javascript

如何从选择框中删除项目或向其中添加项目？我正在运行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>

阅读 191

2020-05-01

共1个答案

一尘不染

删除一个选项：

$("#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>

2020-05-01