Javascript 从第二个下拉列表中隐藏第一个下拉列表中选定的文本

我需要根据文本而不是值来更改，因为值是不同的。所以请任何人帮助我

$("#primary_supplier").change(function () {
    var selectedText = $(this).find("option:selected").text();
    var selectedValue = $(this).text();
    var optionValues = [];
    $('#secondary_supplier option').each(function () {
        optionValues.push($(this).text());
    });
    optionValues.toString();
    console.log(optionValues);
    if ($.inArray(selectedText, optionValues) != '-1') {
        var others = $("#secondary_supplier option[value=" + selectedText + "]");
        $("#secondary_supplier option[selectedText]").css("display", "none");
        $("#secondary_supplier :not(option[value=" + selectedText + "])").css("display", "block");
    }
});

这可能对你有帮助

$（函数（）{
$（“#主要供应商”）。更改（功能（）{
LoadSecond下拉列表（此）；
});
});
函数加载秒下拉列表（ele）{
var sele=$（'option:selected'，ele.text（）；
$（“#次级供应商”）.val（默认值）；
$（“#次级供应商选项”）.show（）；
$（'secondary_supplier option'）。每个（函数（）{
如果（sele==$（this）.text（））{
$（this.hide（）；
}           
});
}

主要的，重要的
--挑选--
供应商1
供应商2
供应商3
供应商4
次要的
--挑选--
供应商1
供应商2
供应商3
供应商4

我不明白你的问题。改变什么？请更清楚地解释你的问题。这真的很难理解你想要做什么。我有两个下拉列表，不同的值和相同的文本。如果选择第一个下拉文本，则该文本将在第二个下拉列表中删除。它不是基于值，因为值是不同的。@venkataprasad，您要找的是吗？