Смена языка на сайте при помощи <select>?

[JIucky]

Помогите с помощью JS сделать такой функционал, который позволял бы при выборе какого то языка из списка <select> в браузере загружать соответствующий URL с переводом сайта. Значение для URL надо брать из <option value="/en/">. И еще важно, после того как новый URL будет заружен надо чтобы в списке <select> сохранялся выбранный язык, т.е. ему присваивался атрибут selected.

<select>
	<option>Choose language<option>
	<option value="/en/">English<option>
  	<option value="/es/">Español<option>
	<option value="/de/">Deutsch<option>
	<option value="/it/">Italiano<option>
  	<option value="/nl/">Nederlandse<option>
</select>

 

[AlexZaw]

Топорный вариант:

<select id="lang">
  <option>Choose language</option>
  <option value="/en/">English</option>
  <option value="/es/">Español</option>
  <option value="/de/">Deutsch</option>
  <option value="/it/">Italiano</option>
  <option value="/nl/">Nederlandse</option>
</select>

 var lang = document.getElementById('lang');
lang.onchange = function(){ 
window.location = 'http://сайт.com' + lang.options[lang.options.selectedIndex].value + 'index.html'}

Ну а чтобы был выбран нужный элемент в списке - на нужной странице присваиваете selected соответствующему пункту в html 

[JIucky]

AlexZaw, это не совсем то что нужно. Смотрите, у мена есть такой урл http://site.com. При выборе языка пользователем из списка, например Deutsch, в браузере должен осуществляться переход на версию сайта с выбранным языком, т.е. урл меняется на http://site.com/de/. И вот уже на этой странице http://site.com/de/ в списке должен быть присвоен атрибут selected выбранному языку Deutsch. В вашем варианте после перехода на http://site.com/de/ в списке сбросится выбранный ранее <option> на первый из списка, т.е. он будет <option>Choose language</option>.

[AlexZaw]

Так я вам и говорю что вариант топорный, но проблему с пунктом селекта можно решить установив selected в html на странице http://site.com/de/  вручную на нужном пункте, и так для каждого языка. По идее можно конечно передавать параметры на открываемую страницу, и на ней в зависимости от переданного параметра выставлять нужный пункт. Но с этим я пока не разбирался

[Switch74]

можно js проверять при загрузке страницы присутствует ли выбранный язык, если это /de/
найти его в select и выставить ему selected

а вообще это лучше делать на уровне сервера при формировании пунктов select

[JIucky]

В 09.07.2018 в 13:46, Switch74 сказал:

а вообще это лучше делать на уровне сервера при формировании пунктов select

Это как? Покажите пример пожалуйста.

[Switch74]

$url = preg_split('/\?/',$_SERVER['REQUEST_URI']);
$url = preg_split('/\//',$url[0]);
$lng = array('de'=>'','en'=>'','ru'=>'');
if(!empty($url[1])) $lng[$url[1]] = ' selected';
echo '<select>';
foreach($lng as $key=>$val)
{
echo '<option value="'.$key.'"'.$val.'>'.$key.'</option>';
}
echo '</select>';

как-нить так