Translated model SelectField not sorted in the correct language

Hi, I have a Select with objects that are countries, so model is called Country with a “name” and “code” attributes. Names are perfectly translated but their order in a select box rendered from a model form, sorted alphabetically in english (default language), whatever I select in languages (except english of course)…

Code from models.py :

class Country(models.Model):
	code = models.CharField(max_length=4, unique=True)
	name = models.CharField(max_length=255)

	def __str__(self):
		return (self.name)

	class Meta:
		ordering = ['name']

Code from translations.py

class CountryTranslationOptions(TranslationOptions):
    fields = ('name',)
translator.register(Country, CountryTranslationOptions)

Code from forms.py

class CountriesSelectForm(forms.Form):
	country = forms.ModelChoiceField(queryset=Country.objects.all().order_by("name"),
			                widget=forms.Select(),
			                label=_('Country'),
			                required=False)
        )

[antoiloui]

Amazing, thanks for sharing your solution @EParisot!

[EParisot]

@antoiloui in fact I just came accross it today, and fixed it by sorting the select options on the client side. See following js code (usage: sortSelect(document.getElementById(“select_id”))😉

    function sortSelect(selElem) {
		var selected = selElem.options[selElem.selectedIndex].value;
		var tmpAry = new Array();
		for (var i=0;i<selElem.options.length;i++) {
			tmpAry[i] = new Array();
			tmpAry[i][0] = selElem.options[i].text;
			tmpAry[i][1] = selElem.options[i].value;
		}
		tmpAry.sort();
		if (selElem.options.length > 0) {
			selElem.options[0] = null;
		}
		for (var i=0;i<tmpAry.length;i++) {
			var op = new Option(tmpAry[i][0], tmpAry[i][1]);
			selElem.options[i] = op;
			if (tmpAry[i][1] == selected) {
				selElem.selectedIndex = i;
			}
		}
		return;
	}