Pass inputbox text as querystring to url

Question

Possible Duplicate:
pass inputbox value as a querystring to URL

<input name="KeywordBox" class="BasicSearchInputBox" type="text" value="Keywords.."/>
<a class="searchButton" href="/search/pages/Careers.aspx?v=relevance&s=Careers&k=" type="submit">
    <span>Search</span>
</a>

How do you get the keywords typed in by users and pass it to the page or append to the URL onclick of the 'Search' link?

Like this http://mycompany.com/search/pages/Careers.aspx?v=relevance&s=Careers&k=engineer

Using jquery?

score 3 · Accepted Answer · answered Dec 05 '11 at 15:43

The simplest method is to place your inputs into a form and submit them to your page using the GET method.

If you'd prefer to use jQuery, you can do:

$(function() {
    $(".searchButton").click(function() {
        var keywords = $("#KeywordBox").val();
        window.location.assign("/search/pages/Careers.aspx?v=relevance&s=Careers&k=" + keywords);
    });
});

Just make sure you sanitise your input values properly otherwise you're leaving yourself open to injection attacks.

score 1 · Answer 2 · answered Dec 05 '11 at 15:42

1

You can use the .serialize() method

answered Dec 05 '11 at 15:42

parapura rajkumar

24,045
1
55
85

how do you use it though? I am new to jquery world ?? – AJSwift Dec 05 '11 at 15:43
The hyperlink provides an example as well – parapura rajkumar Dec 05 '11 at 15:44

Pass inputbox text as querystring to url

2 Answers2