Loading data using jQuery

Question

I have a list of states in a drop down menu (select). I have a page for each state. Each page has the state abbreviation as a name, for example: Alabama is al.htm. I want to load the contents of htm depending on the selection of the state name; and the same for each state. In other words, if I select New York, I should see the information in ny.htm.

To load the data that is in different pages?

Where did you want this data to load? You could you some sort of iframe to display that specific page. — Karl
– Karl, Commented Apr 23, 2012 at 15:06

James Allardice · Accepted Answer · 2012-04-23 15:08:20Z

1

Your question is quite vague, so this answer makes a few assumptions. Firstly, I'm assuming the value of each option is the abbreviation e.g.:

<select id="yourSelect">
    <option value="al">Alabama</option>
</select>

Next, I'm assuming you want to load the content of the pages into a specific element on your page, and that you want this to happen any time the selection changes:

$("#yourSelect").change(function() {
    $("#whereToLoad").load(this.value + ".htm");
});

answered Apr 23, 2012 at 15:08

James Allardice

166k22 gold badges335 silver badges315 bronze badges

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

2 Comments

sah Over a year ago

If I have a map and I create an image map, how can I display the same page by clicking on the state in the map?

James Allardice Over a year ago

I'm not sure what you mean. It sounds like you have a completely different question so you should probably post a new question asking it.

Collectives™ on Stack Overflow

Loading data using jQuery

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related