Chrome / Firefox中不同的表單行為

Question

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

編輯：謝謝布萊恩和鎖，它確實解決了我的問題。

太糟糕了，在寫了這么長而丑陋的修復程序之前，我沒有讀過它：

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

Answer 1

我很確定您在<input type="image">上不需要onclick="this.form.submit()"屬性。 默認情況下，它們應該是可單擊的。

Answer 2

用簡單的javascript-> onclick =“ this.parent.parent.submit（）”

jQuery-> onclick =“ jQuery（this）.parents（'form'）。submit（）”