从选择框中删除项目 [英] Removing an item from a select box

问题描述

如何从选择框中移除项目或将项目添加到选择框？我正在运行jQuery，如果这可以让任务更轻松。下面是一个示例选择框。

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

解决方案

删除选项：

< script src =https：//ajax.googleapis。 com / ajax / libs / jquery / 2.1.1 / jquery.min.js>< / script>< select name =selectBoxid =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 =selectBoxid =selectBox > < option value =option1> option1< / option> < option value =option2> option2< / option> < option value =option3> option3< / option> < option value =option4> option4< / option> < / select>

How do I remove items from, or add items to, a select box? I'm running jQuery, should that make the task easier. Below is an example select box.

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

解决方案

Remove an option:

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

Add an option:

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

这篇关于从选择框中删除项目的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！