Question

我正在开发具有多种语言支持的网站。当初始页面加载时，它会显示两种语言，在该下拉列表选择后，它会显示所选语言。

我想设置日语是初始语言。

                    <select onchange="select_language(this.options[this.selectedIndex].value)">
                        <option value="en" >English</option>
                        <option value="jp" selected>Japanese</option>
                    </select>




<h3><span lang="en">Welcome</span><span lang="jp">Other Language</span></strong></h3>

的Javascript

   function select_language(language) {
        $("[lang]").each(function () {
            if ($(this).attr("lang") == language)
                $(this).show();
            else
                $(this).hide();
        });
    }

Answer 1

写：

$(document).ready(function(){
    show_lang();
});
$("select").change(function () {
    show_lang();
});
function show_lang() {
    var language = $("select").val();
    $("[lang]").hide();
    $("[lang='"+language+"']").show();
}

Fiddle here.

Answer 2

在jQuery的DOM ready函数中，运行类似于select_language()函数的逻辑，如下所示：

$(document).ready(function() {
    var selectedOptionValue = $('select option:selected').val();

    $("[lang]").each(function () {
        if ($(this).attr("lang") == selectedOptionValue) {
            $(this).show();
        }
        else {
            $(this).hide();
        }
    });
});

Answer 3

添加css：

span[lang=en]{
    display: none;
}

使用JQuery设置默认语言

3 个答案: