从 DropDownList 中删除值

Question

$("#Month option:selected").val()

这是我从下拉列表中选择的值。但是我想删除或隐藏我的下拉列表中的一些选项，我可以借助它吗？

$("Day option").value("31").empty();

是否有效。请给我解决方案。

    function ValidatefuneralDate() {
    var today;
    var currentDate = new Date();
    var year = currentDate.getFullYear();
    var month = currentDate.getMonth() + 1;  
    var day = currentDate.getDate();
    if (window.location.href.indexOf("en-US") > -1) 
    {
        today = month + '/' + day + '/' + year;
        var selectedDate = $("#Month option:selected").val() 
        +'/'+$("#Day option:selected").text() + '/' + 
        $("#Year option:selected").text();
    }
    else 
   {
        today = day + '/' + month + '/' + year;
        var selectedDate = $("#Day option:selected").
        text() + '/' +   $("#Month option:selected").
        val() + '/' + $("#Year option:selected").text();
    }
    if ($("#Month option:selected").val("2"))
    {
        $("#Month option[text='31']").hide();
        $("#Month option[text='30']").hide();
        $("#Month option[text='29']").hide();
    }
    if (selectedDate < today) {
        $("#lblFeneralDate").html('@Html.
        R(VirtualPath, "ValidatefuneralDate")');
        return false;
    }
    else { return true;}
   }

这是我的 jquery 函数和

<div class="DDLabel">
Day:@Html.DropDownList("Day", new SelectList(new List<object>
{
                                        new { value =1, text = "1"},
                                        new { value =2, text = "2"},
                                        new { value =3 ,text ="3"},
                                        new { value =4, text = "4"},
                                        new { value =5, text = "5"},
                                        new { value =6, text = "6"},
                                        new { value =7, text = "7"},
                                        new { value =8, text = "8"},
                                        new { value =9, text = "9"},
                                        new { value =10, text = "10"},
                                        new { value =11, text = "11"},
}, "value", "text", 1), 
new { @onchange = "e_date_changed();", @style ="width:66px" })

这是第 1 天到第 31 天的 DDL，就像这样。

Answer 1

您可以使用属性等于选择器按值定位元素，并使用 .remove() 删除或 .hide() 隐藏元素：

$("#Month option[value='33']").remove();

或

$("#Month option[value='33']").hide();

Answer 2

您可以使用 .remove() 完全删除 DOM 中的元素。

$("#Month option[value='whatever']").remove();

编辑

$("#Month option[value='whatever']").hide();

您稍后可以通过

取回它们

$("#Month option[value='whatever']").show();

从 DropDownList 中删除值

Remove values from DropDownList

jquery

option

drop-down-menu