javascript - 简单的 onclick 不提交

Question

我在这个 blog 上找到了很棒的代码片段更改语言选择器以获得更时尚的东西。 (考虑 Twitter-bootstrap)

它看起来非常整洁，但是当我实际单击所选内容时，onclick 上没有提交任何内容。我还不是 jquery 方面的专家，但是最新的 1.8.0 版本中是否有某些内容已被弃用，导致 onclick 无法工作？

<form name="setLang{{ lang.1}}" action="/i18n/setlang/" method="POST">{% csrf_token %}
   <input name="next" type="hidden" value="{{ redirect_to }}" />
   <input type="hidden" name="language" value="{{ lang.0 }}" />
   <a href="#" onclick="document.setLang{{ lang.1 }}.submit(); return false;">{{ lang.1 }}</a>
</form>

Answer 1

您无法使用document.setLang{{ lang.1 }}来获取表单。这不是 DOM 元素的有效名称。 JavaScript 将在遇到第一个空格时中断处理，并抛出错误。

我强烈建议您使用有效的 name 值，但如果您确实需要继续使用该值，则可以使用 document.getElementsByName("setLang{{ lang.1 }}")[0].submit().​​​​