Как выбрать option в зависимости от get запроса?

Question

[Scronheim]

Добрый день, суть вопроса:
Есть запрос вида exemple.com/?style=Rock

Есть с выпадающим списком, как при таком запросе сделать, что бы был выбран такой же option какой пришел в get запросе?

Answer 1

[artem78]

Можно примерно так:

function getUrlVars()
{
    var vars = [], hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
    for(var i = 0; i < hashes.length; i++)
    {
        hash = hashes[i].split('=');
        vars.push(hash[0]);
        vars[hash[0]] = hash[1];
    }
    return vars;
}

jQuery(document).ready(function() {
	var params = getUrlVars();
	$('select option[value="' + params['style'] + '"]').attr('selected', 'selected');
});

Пример: codepen.io/anon/pen/pRLGxO?style=gamma

Comments

[Scronheim]

А если таких параметров в запросе несколько?

[artem78]

Тогда эту строку пропишите и для других параметров: $('select option[value="' + params['style'] + '"]').attr('selected', 'selected');

[artem78]

Пример: codepen.io/anon/pen/zNWbYO?style=gamma&color=green

[Scronheim]

artem78: А если значение приходит в два слова и разделено "+" (знаком плюс). Т.е ?style=Hard+Rock

[Scronheim]

Спасибо Вам

[artem78]

Если хотите заменить плюс на пробел: 'Hard+Rock'.replace(/\+/g, ' ')

[artem78]

А для декодирования строки (если передаёте кириллицу) существует функция decodeURIComponent:
decodeURIComponent('%D0%B4%D0%B6%D0%B0%D0%B2%D0%B0%D1%81%D0%BA%D1%80%D0%B8%D0%BF%D1%82'); // джаваскрипт