从选择框中删除项目

JavaScript HTML

樱

2020-03-31

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

第3878篇《从选择框中删除项目》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共5个回答
GO逆天L 2020.03.31

如果有人需要删除一个选择内的所有选项，我做了一个小小的功能。

希望对你有帮助

var removeAllOptionsSelect = function(element_class_or_id){
    var element = $(element_class_or_id+" option");
    $.each(element,function(i,v){
        value = v.value;
        $(element_class_or_id+" option[value="+value+"]").remove(); 
    })
}

只需运行 

removeAllOptionsSelect("#contenedor_modelos");
Itachi 2020.03.31

以下链接将对您有所帮助-

http://api.jquery.com/remove/

http://api.jquery.com/append/

逆天L 2020.03.31

我发现有两个页面似乎有用，它是为ASP.Net编写的，但应该使用相同的内容：

  1. 如何使用jQuery从下拉列表中添加/删除项目
  2. jQuery选择器表达式
飞云 2020.03.31

我发现jQuery 选择框操作插件可用于此类事情。

您可以按索引，值或正则表达式轻松删除项目。

removeOption(index/value/regex/array[, selectedOnly])

Remove an option by
- index: $("#myselect2").removeOption(0);
- value: $("#myselect").removeOption("Value");
- regular expression: $("#myselect").removeOption(/^val/i);
- array $("#myselect").removeOption(["myselect_1", "myselect_2"]);

要删除所有选项，您可以执行$("#myselect").removeOption(/./);。

猴子 2020.03.31

您可以使用以下方法删除所选项目：

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

如果您有一个列表而不是一个下拉列表，这将很有用。

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android