Pass inputbox text as querystring to url [duplicate]

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?

Rory McCrossan · Accepted Answer · 2011-12-05 15:43:24Z

3

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.

answered Dec 5, 2011 at 15:43

Rory McCrossan

338k41 gold badges322 silver badges353 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

parapura rajkumar · Accepted Answer · 2011-12-05 15:42:26Z

1

You can use the .serialize() method

answered Dec 5, 2011 at 15:42

parapura rajkumar

24.5k2 gold badges58 silver badges86 bronze badges

2 Comments

AJSwift Over a year ago

how do you use it though? I am new to jquery world ??

parapura rajkumar Over a year ago

The hyperlink provides an example as well

Collectives™ on Stack Overflow

Pass inputbox text as querystring to url [duplicate]

2 Answers 2

Comments

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Linked

Related