add querystring to URL on page load

Question

The original URL is http://mysite.com/locations.aspx When someone clicks on Locations link somewhere and come to this page, on page load, i want the URl to appended as follows on the fly? The Hospital is a checkbox on the page which needs to be checked by default. So when they land on the page, they see all the hospitals instead of having to check the hospital check box and reload the page. Is this possible using jquery?

http://mysite.com/locations.aspx?k=("Hospital")

Find locations by&#160;<input name="Keyword" type="text" size="70"/><input name="Search" type="submit" value="Search"/><br/><br/>

Hospitals<input name="Hospitals" type="checkbox" value="Hospital"/> &#160; 
Offices<input name="Office" type="checkbox" value="Office"/> &#160; 
Emergency Centers<input name="EmergencyCenters" type="checkbox" value="Emergency"/>&#160; 
Out-Patient Centers<input name="Out-Patient" type="checkbox" value="Out-Patient"/>&#160; 
Facilities<input name="Facility" type="checkbox" value="Facility"/>

I understand I can have the HREF value of "Locations" link as mysite.com/locations.aspx?k=("Hospital") and have the hospitals checked = true.. I wonder if there is any other ways? — Anjana Sharma
– Anjana Sharma, Commented Feb 24, 2012 at 20:43

JFK · Accepted Answer · 2012-02-24 21:13:00Z

3

You could create (inside the page http://mysite.com/locations.aspx ) a function like:

function getDefault() {
var trail = '?k=("Hospital")';
var url = "http://mysite.com/locations.aspx" + trail;
window.location = url;
}

and add onload to the <body> tag like

<body onload="getDefault();">

of course, it will reload the page (without user intervention) but with the new trailing parameter.

... as for the check box, you can add the proper attribute

$(document).ready(function() {
$("input[name=Hospitals]").attr('checked','checked');
}); //  ready

and it will be checked on the fly.

answered Feb 24, 2012 at 21:13

JFK

41.2k31 gold badges138 silver badges314 bronze badges

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

Comments

Community · Accepted Answer · 2017-05-23 12:12:08Z

0

In newer browsers you can use the HTML5 history api to change the url without a page reload, however, older browsers that don't support it will require a page reload.

edited May 23, 2017 at 12:12

CommunityBot

11 silver badge

answered Feb 24, 2012 at 20:45

user400654

95.1k16 gold badges168 silver badges188 bronze badges

Collectives™ on Stack Overflow

add querystring to URL on page load

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related