javascript — связать ссылку со ссылкой на другую страницу, выбрав значение раскрывающегося списка
Вот вопрос, на который Google, похоже, не имеет ответов.
У меня есть 2 страницы: страница-1 & страница 2.
страница 2 имеет элемент & кнопка-переключатель со следующим кодом:
<ul>
<li><button class="button is-checked" data-filter="*">All</button></li>
<li><button class="button" data-filter=".a1">a1</button></li>
<li><button class="button" data-filter=".b1">b1</button></li>
<li><button class="button" data-filter=".c1">c1</button></li>
<li><button class="button" data-filter=".d1">d1</button></li>
</ul>
ВЫБЕРИТЕ КОД:
<select class="form-control filters-select" style="border-radius:0">
<option value="*">All</option>
<option value=".a2">a2</option>
<option value=".b2">b2</option>
<option value=".c2">c2</option>
</select>
Оба из вышеупомянутых 2 элементов на странице 2 используют изотоп jQuery для фильтрации данных.
Теперь, если мне нужно использовать href на странице-1, для ссылки на страницу-2, чтобы при щелчке она открывала страницу-2 с выбранной опцией или отмеченной кнопкой.
Как это сделать ?
Какой будет код внутри:
<a href"">
Спасибо тонны
Решение
Вы не можете сделать это, используя только ссылку href. Тем не менее, вы можете поставить ссылку как:
Используя JavaScript
<a href="page2.php#selectAll">
и перехватить запрос с помощью javascript в функции onload:
var whatToDo = window.location.hash.substr(1);
//depending of whatToDo is, select something.
Используя PHP
<a href="page2.php?select=All">
и поймать GET Переменная в вашем PHP, чтобы выбрать что-то.
<select class="form-control filters-select" style="border-radius:0">
<option value="*" <?php if ($_GET['select']=="All") echo "selected" ?>>All</option>
<option value=".a2">a2</option>
<option value=".b2">b2</option>
<option value=".c2">c2</option>
</select>
Другие решения
Это не проверено, но вы должны начать. Используя параметры URL, вы можете отправлять данные на страницу 2 со страницы 1, это также можно сделать в PHP.
Страница 1:
<a href="page2.html?button=a1&select=a1">Page 2</a>
Страница 2:
$( document ).ready(function() {
var vars = {};
window.location.href.replace(
/[?&]+([^=&]+)=?([^&]*)?/gi, // regexp
function( m, key, value ) { // callback
vars[key] = value !== undefined ? value : '';
}
);
$('[data-filter="'+ vars['button'] +'"]').addClass('is-checked');
$('select > [value="'+ vars['select'] +'"]').attr('selected');
});
Спасибо вам всем. Я решил это наконец. Это было сделано с помощью — jQuery isotope hash history / URL hash.