javascript / jquery从select中删除或删除选项

Question

我需要在某些情况下从选择中删除一个选项。

基本上：

if(mystatement == true)
{
   //remove item with id 'option1' from select of id 'select1'
}

有人知道我的代码来实现这个目标吗？

非常感谢。

Answer 1

按值删除：

$("#select1 option[value=1]").remove();

按文字删除：

$("#select1 option:contains(Text)").remove();

Answer 2

编辑

由于id在文档中是唯一的，因此无需将其与父选择元素相关联。 你可以做的很简单

$("#option1").remove();

Answer 3

jQuery的：

$("#option1").remove();

要么

$("#select").remove("#option1");

和经典的JavaScript方法：

var option1 = document.getElementById("option1");
document.getElementById("select1").removeChild(option1);

Answer 4

我见过很多人都有这个问题。 我创建了这个可能有用的脚本。 希望你喜欢：

 var robable = { init: function() { robable.get_selected_option_from_select(); }, get_selected_option_from_select: function() { $(".robable").off().on("change", function() { if ($(this).val() !== "") { robable.add_to_list($(this)); } }); }, remove_option_from_select: function(select_id, value) { $("#" + select_id + " option[value='" + value + "']").remove(); }, add_option_to_select: function(select_id, value, text) { $('#' + select_id).append('<option value="' + value + '">' + text + '</option>'); }, add_to_list: function(select) { option_text = $(".robable option[value='" + select.val() + "']").text(); //Add to list $('#list').append("<li data-value='" + select.val() + "' data-text='" + option_text + "'><a href='#' class='filter-remove' data-parent-id='" + select.attr("id") + "'>Delete</a> " + option_text + "</li>"); robable.remove_from_list(); //Remove from select robable.remove_option_from_select(select.attr("id"), select.val()); }, remove_from_list: function() { $(".filter-remove").off().on("click", function() { var select_id = $(this).data('parent-id'); var option_value = $(this).closest("li").data('value'); var option_text = $(this).closest("li").data('text'); //Add to select robable.add_option_to_select(select_id, option_value, option_text); //Remove from list $(this).closest("li").remove(); }); } }; robable.init();

 <!DOCTYPE html> <html> <head> <title>Select Robables</title> </head> <body> <script src="https://code.jquery.com/jquery-1.11.3.min.js"></script> <ul id="list"></ul> </body> </html>

javascript / jquery从select中删除或删除选项

问题描述

4 个解决方案

解决方案1
14 2010-03-11 11:34:42

解决方案2
8 已采纳 2010-03-11 11:26:33

解决方案3
3 2010-03-11 11:26:56

解决方案4
0 2015-10-04 18:28:30

javascript / jquery从select中删除或删除选项

问题描述

4 个解决方案

解决方案1 14 2010-03-11 11:34:42

解决方案2 8 已采纳 2010-03-11 11:26:33

解决方案3 3 2010-03-11 11:26:56

解决方案4 0 2015-10-04 18:28:30

解决方案1
14 2010-03-11 11:34:42

解决方案2
8 已采纳 2010-03-11 11:26:33

解决方案3
3 2010-03-11 11:26:56

解决方案4
0 2015-10-04 18:28:30