Question

我目前正在为我正在研究的机场项目提供多种语言。

- 目前，您可以从下拉菜单中选择您想要的任何语言，它将显示在列表中。工作正常。也可以删除它们。

- 目标：一旦语言被添加到列表中，您就不能再添加它。例如，您可以点击法语的“添加语言”并根据需要多次添加。这适用于任何语言。

添加语言的当前js代码：

function addLanguage()
{
        var languages = $("#languages_dd").val();
        language_display = languages.split("-");
        alert(languages);

        var units = $("#units_dd").val();
        var unit_display = $("#units_dd :selected").text();

        $(".none_class").hide();
        $("#error_msg").html("");
        $("#summary").append("<li><input type='radio' name='language_item'> <span class='route_summary_field_big'>"+language_display[0]+"</span>"+unit_display+"<input type='hidden' name='languages[]' value='"+languages+"'><input type='hidden' name='units[]' value='"+units+"'></li>");
}

我对javascript不太熟悉并且一直在网上搜索。我知道这将是一个有条件的东西：

if($("#languages_dd :selected")
{
//do something;
}
else if
//do something else;
}

任何意见都可以引导我朝着正确的方向前进。

Answer 1

您可以将所选语言保留在数组中。然后在附加到html之前，检查该值是否已存在：

var selected_lang = new Array();
function addLanguage() {
//your code here..
    if (!$.inArray(language_display, selected_lang)) {
        selected_lang.push(language_display)
        // rest of your code to append html
    }
}

Answer 2

这是我提出的解决方案（随意提出建设性的批评）：

function addLanguage()
{
        var languages = $("#languages_dd").val();
        language_display = languages.split("-");
        var units = $("#units_dd").val();
        var unit_display = $("#units_dd :selected").text();
        $(".none_class").hide();
        var shouldAdd = "YES";
        $("#summary li").each(function(){
            var matches = 0;
            $(this).find('input:hidden').each(function(){
                var stringVal= $(this).val();
                console.log(stringVal);
                if(stringVal.indexOf(languages) != -1){
                    matches++;
                }
                if(stringVal.indexOf(units) != -1){
                    matches++;
                }
            });
            if(matches == 2){
                shouldAdd = "NO";
            }
        });
        if(shouldAdd == "YES") {
            $("#summary").append("<li><input type='radio' name='language_item'> <span class='route_summary_field_big'>"+language_display[0]+"</span>"+unit_display+"<input type='hidden' name='languages[]' value='"+languages+"'><input type='hidden' name='units[]' value='"+units+"'></li>");
        }
        $("#error_msg").html("");
}

Javascript：如果添加选择，请不要再次添加该选择（不重复）

2 个答案: