0

我目前正在从事的机场项目有多种语言。

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

-目标：一旦将一种语言添加到列表中，您就不能再次添加它。例如，您可以点击法语的“添加语言”，然后添加任意次数。这适用于任何语言。

当前添加语言的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;
}

感谢任何输入，以引导我朝着正确的方向前进。

4

2 回答 2

0

您可以将选定的语言保存在一个数组中。然后在附加到 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
    }
}
于 2013-08-22T19:24:27.760 回答
0

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

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("");
}
于 2013-08-26T15:42:23.730 回答