Question

I have a page I am constructing and I need to pass in the values of the option dropdowns to the next page. The problem is that these dropdowns are not in a form.

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

Basically what i need to pass to the next page is that when i click “Proceed To Next Step” I need to pass the value of the type of field like “restaurant” and the number of stations “2” if the user selects restaurant and 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;
});

Working example that executes a formless google search: http://jsfiddle.net/CKcbU/

You basically just add what you want to the query string with javascript.

But really, if at all possible, you should use a form with method="get" which pretty much does this for you without any JavaScript at all.