Javascript 使用JQuery设置默认语言

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

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

我想把日语定为第一语言

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

写：

写：

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

写：

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

写：

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

---

在jQuery的DOM就绪函数中，运行类似于

select\u language（）

函数的逻辑，如下所示：

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

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

---

在jQuery的DOM就绪函数中，运行类似于

select\u language（）

函数的逻辑，如下所示：

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

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

---

在jQuery的DOM就绪函数中，运行类似于

select\u language（）

函数的逻辑，如下所示：

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

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

---

在jQuery的DOM就绪函数中，运行类似于

select\u language（）

函数的逻辑，如下所示：

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

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

添加css:

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

添加css:

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

添加css:

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

添加css:

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

---

---

问题是什么？@nmenego最初显示两种语言。但我只想显示一种语言。（Html）问题是什么？@nmenego最初显示两种语言。但我只想显示一种语言。（Html）问题是什么？@nmenego最初显示两种语言。但我只想显示一种语言。（Html）问题是什么？@nmenego最初显示两种语言。但我只想显示一种语言。（Html）这并不能解决初始页面加载时显示的两种语言，因为“更改”直到用户单击下拉列表中的另一个选项时才会发生。@KarlAnderson谢谢我在这里编辑了我的回答最初没有显示任何语言。我想再次显示日语的缩写复选框。它是显示的。这并不能解决初始页面加载时显示的两种语言，因为只有用户单击下拉列表中的另一个选项时，“更改”才会发生。@KarlAnderson谢谢我在这里编辑了我的回答最初没有语言显示。我想再次显示日语初始检查。它是显示的。这并不能解决初始页面加载时显示的两种语言，因为只有用户单击下拉列表中的另一个选项时，“更改”才会发生。@KarlAnderson谢谢我在这里编辑了我的回答最初没有语言显示。我想再次显示日语初始检查。它是显示的。这并不能解决初始页面加载时显示的两种语言，因为只有用户单击下拉列表中的另一个选项时，“更改”才会发生。@KarlAnderson谢谢我在这里编辑了我的回答最初没有语言显示。我想再次显示日语初始检查。它被显示。