从选择框中删除项目

如何从选择框中删除项目或向其中添加项目?我正在运行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>
GO逆天L2020/03/31 10:15:24

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

希望对你有帮助

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");
Itachi2020/03/31 10:15:23
逆天L2020/03/31 10:15:23

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

  1. 如何使用jQuery从下拉列表中添加/删除项目
  2. jQuery选择器表达式
飞云2020/03/31 10:15:23

我发现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 10:15:23

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

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

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