Передача значения на следующую страницу без формы

Question

У меня есть страница, которую я создаю, и мне нужно передать значения раскрывающихся списков параметров на следующую страницу. Проблема в том, что эти выпадающие списки не в форме.

http://posnation.com/test/pre_config/pre_config_step_2.html

По сути, мне нужно перейти на следующую страницу: когда я нажимаю «Перейти к следующему шагу», мне нужно передать значение типа поля, например «ресторан», и количество станций «2», если пользователь выбирает ресторан и 2.

Answer 1

HTML:

<a id="proceed" href="foo.html">Proceed!</a>

JS:

$('#proceed').click(function() {
    location.href = this.href +'?someVal='+ escape($('#my_select').val());
    return false;
});

Рабочий пример, который выполняет бесформенный поиск в Google: http://jsfiddle.net/CKcbU/

Вы просто добавляете то, что хотитек строке запроса с использованием javascript.

Но на самом деле, если это вообще возможно, вы должны использовать форму с method="get", которая в значительной степени делает это для вас без какого-либо JavaScript.

Answer 2

Использовать строку запроса.

http://posnation.com/test/pre_config/pre_config_step_2.html?restaurant=The+Eatery&stations=2

Другими словами, передайте их как часть URL при вызове следующей страницы. Следующая страница будет отвечать за чтение строки запроса и извлечение значений.

http://en.wikipedia.org/wiki/Query_string

Я не знаю, что вы используете для кодирования, поэтому я не могу подробно рассказать о механике построения URL или разбора значений из строки запроса на принимающей странице.

Вот статья о том, как сделать это с помощью JavaScript:

http://javascript.about.com/library/blqs.htm

Answer 3

Я не уверен, с чем вы работаете, но практически любой из известных мне фреймворков может передавать параметр как часть URL.

Это будет работать нормально.

http://posnation.com/test/pre_config/step_2
http://posnation.com/test/pre_config/step_3

Затем просто возьмите параметр и отреагируйте соответствующим образом.

Answer 4

Вы можете использовать JavaScript для того же. Назначьте событие onclick кнопкой продолжения и вызовите функцию. В этой функции используйте:

windows.location=url?rest=valuerest&opt=valueopt