ASP.NET Core用a标签/按钮替代select实现本地化语言切换问题

你之前的按钮实现不生效，核心是三个错误：

• 按钮设置了type="button"，这类按钮仅用于普通前端交互，点击提交表单时不会携带自身的name/value参数，只有type="submit"的提交按钮才会在提交时把自身的参数传给后端
• 你给按钮绑定的asp-for指向当前正在使用的语言编码，不是要切换的目标语言，就算参数能正常提交，传的也是当前语言值，根本无法完成切换
• 额外写的onclick="this.form.submit()"属于多余代码，提交按钮点击后会自动触发表单提交，不需要手动绑定事件

这个方案完全兼容你现有的后端POST接口，不需要写任何自定义JavaScript，自动支持ASP.NET Core的防伪令牌验证，安全性最高，也是最推荐的写法：

<div>
    <form asp-controller="Home" asp-action="CultureManagement" asp-route-returnUrl="@returnUrl" method="post">
        <i class="fa fa-globe"></i>
        @* 直接遍历配置的支持语言列表输出按钮，不需要硬编码判断语言 *@
        @foreach (var lang in cultureList)
        {
            <button type="submit"
                    class="btn btn-link @(lang.Value == culture!.RequestCulture.UICulture.Name ? "text-primary fw-bold" : "")"
                    name="culture"
                    value="@lang.Value">
                @lang.Text
            </button>
        }
    </form>
</div>

代码里直接遍历你之前已经构造好的cultureList输出按钮即可，当前使用的语言可以通过加自定义class做高亮区分，点击对应按钮时，按钮的value（也就是目标语言编码）会自动作为culture参数提交给后端，和之前select下拉框的提交逻辑完全一致。

如果必须用<a>标签做交互元素，推荐保持后端POST接口不变，加少量JS辅助提交，避免GET请求写Cookie带来的爬虫误触发、缓存异常问题：

<div>
    <i class="fa fa-globe"></i>
    @* 公共提交表单，放一个隐藏域存目标语言 *@
    <form id="cultureForm" asp-controller="Home" asp-action="CultureManagement" asp-route-returnUrl="@returnUrl" method="post">
        <input type="hidden" name="culture" id="targetCulture" />
    </form>

    @* 遍历输出语言切换链接 *@
    @foreach (var lang in cultureList)
    {
        <a href="javascript:void(0)"
           class="text-decoration-none lang-link @(lang.Value == culture!.RequestCulture.UICulture.Name ? "text-primary fw-bold" : "text-dark")"
           data-culture="@lang.Value">
            @lang.Text
        </a>
    }
</div>

在页面脚本块加几行简单的事件绑定即可：

document.querySelectorAll('.lang-link').forEach(link => {
    link.addEventListener('click', () => {
        document.getElementById('targetCulture').value = link.dataset.culture;
        document.getElementById('cultureForm').submit();
    })
})

不推荐为了用a标签把后端接口改成GET请求：语言切换会写入用户Cookie、修改用户访问偏好，属于有状态的修改操作，用GET请求不符合HTTP语义，还可能被搜索引擎爬虫、浏览器预加载逻辑误触发，导致用户语言被意外修改。

内容的提问来源于stack exchange，提问作者user3596617