Question

我想让我的语言选择器显示标志而不是语言名称

我有我的flags.js文件，其中包含以下信息

let flags = [
    {
        "code": "AD",
        "emoji": "",
        "unicode": "U+1F1E6 U+1F1E9",
        "name": "Andorra",
        "title": "flag for Andorra"
    },
    ...
];

let getFlagByCountryCode = (countryCode) => {
    flags.find((flag) => {
        return flag.code === countryCode.toUpperCase();
    })
};

我将select的百里香叶翻译成语言

<select title="Language" id="locales" style="position: absolute; top: 10px; right: 10px;">
    <th:block th:each="locale : ${@resourceService.getLocales()}">
        <option th:value="${locale.language}"
                th:text="'getFlagByCountryCode(' + ${locale.language} + ')'"
                th:selected="${locale.language}==${T(org.springframework.context.i18n.LocaleContextHolder).getLocale().language}">
        </option>
    </th:block>
</select>

但不调用JS函数，它只是将值显示为文本

Answer 1

您可以通过在thymeleaf页面中使用标记在thymeleaf中使用javascript。让我向您展示一个示例：这是我的HTML页面：

<input id="ok" type="submit"   onclick="redirection()"/>

您可以将javascript用作：

<script type='text/javascript'>

“您的Java脚本代码”

</script>

如何从百里香th：text属性调用Javascript函数？

1 个答案: