Question

I have a CMS and i tried to customize it with jQuery and CSS3 but i got a problem with the language select (drop-down list).
I customized the <select> following this tutorial http://tutorialzine.com/2011/02/converting-jquery-code-plugin/

Everything works fine but the onChange of the select doesn’t work. So when I try to change language from the drop-down list (select) this change only the name in the select but doesn’t change language of the site.

This is my select:

<select name="lang" class="language" onChange="location.href=\''.$filename.'?lang=\' + this.options[this.options.selectedIndex].value +  \''.$trackpage.'\'">

I think that the issue is caused by jquery.tzSelect.js (please see the tutorial) because in this plugin there is a selectedIndex (this in conflict with the selectedIndex of the select):

if(i==select.attr('selectedIndex')){
                    selectBox.html(option.text());
                }

I tried to remove this line code from the plugin but doesn’t work.
Please help!
Thank you!

Answer 1

You can use

this.value

instead of

this.options[this.options.selectedIndex].value