Chrome/Firefox 中的不同表单行为答案

【问题标题】：Different form behavior in Chrome/FirefoxChrome/Firefox 中的不同表单行为
【发布时间】：2011-04-17 15:06:32
【问题描述】：

我在 Django 应用程序中有这个表单在 Firefox 中，它具有魅力，在 Chrome/IE6 中，这不会进行所需的后期操作任何想法为什么？

<form action="/lang/i18n/setlang/" method="post">
<input name="next" type="hidden"  />

<input name="language" type="image" value="ar" src="/flags/flag_ar.jpg" onclick="this.form.submit()" title="Arabic" />

<input name="language" type="image" value="fr" src="/flags/flag_fr.jpg" onclick="this.form.submit()" title="French" />

<input name="language" type="image" value="en" src="/flags/flag_en.jpg" onclick="this.form.submit()" title="English" />

<input name="language" type="image" value="es" src="/flags/flag_es.jpg" onclick="this.form.submit()" title="Spanish" />

<input name="language" type="image" value="de" src="/flags/flag_de.jpg" onclick="this.form.submit()" title="German" />

<input name="language" type="image" value="pl" src="/flags/flag_pl.jpg" onclick="this.form.submit()" title="Polish" />

<input name="language" type="image" value="ro" src="/flags/flag_ro.jpg" onclick="this.form.submit()" title="Romanian" />

</form>

编辑：感谢 Bryan 和 lock，它确实解决了我的问题。

太糟糕了，在我写这个又长又丑的修复之前我没有阅读它：

{% load i18n %}
<form name="lang" action="{{ i18n_prefix }}setlang/" method="post">{% csrf_token %}
<input name="next" type="hidden" {% if redirect %}value="{{ redirect }}"{% endif %} />
<input name="language" type="hidden" >
{% for lang in LANGUAGES %}
<a href="#" onclick="javascript: document.forms['lang'].language.value ='{{ lang.0 }}'; document.forms['lang'].submit();"><img src="{{ flags_url }}flag_{{ lang.0 }}.jpg" title="{% trans lang.1 %}"></a>
{% endfor %}
</form>

【问题讨论】：

标签： javascript html django forms cross-browser

【解决方案1】：

我很确定您不需要 <input type="image"> 上的 onclick="this.form.submit()" 属性。默认情况下它们应该是可点击的。

【讨论】：

【解决方案2】：

在普通的 javascript 中 -> onclick="this.parent.parent.submit()"

jQuery -> onclick="jQuery(this).parents('form').submit()"

【讨论】：