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

Question

I currently have many languages for an Airports project I'm working on.

-Currently you can select whatever language you would like from the drop-down menu and it will appear in the list. Working fine. Can delete them too.

-The goal: once a language has been added to the list, you should not be able to add it again. For example, you can hit the 'Add Languages' for French and add it as many times as you want. This goes for any language.

The current js code for adding a language:

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>");
}

I'm not too familiar with javascript and have been searching around online. I know it's going to be a conditional, something along the lines of:

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

Any input is appreciated to steer me in the right direction.

Answer 1

You can keep the selected languages in an array. Then before you append to the html, check whether the value already exists:

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
    }
}