Hiding a link based on drop down list value selected

Question

I need to write some jquery which will read what the current value in a drop down list is and then hides a particular link on the page.

The dropdown list is a locale selector. So when I select "english" I want the link to be hidden but when select French the link has to remain.

Can you show how i can do this? I want learn this. Thanks

Answer 1

How about this:

function handleLang() {
    if ($('#select').val() == 'en') {
        $('#link').hide();
    } else {
        $('#link').show();
    }
}
$(function() {
    // hide/show on load
    handleLang();

    // hide/show when the language is changed (useful if the page doesn't reload)
    $('#select').change(handleLang);
});