drop down ajax state

[ozonew4m]

hello everybody...

i have a standard dropdown menu containing all the us states..

what i want to do is when somebody selects a state i want to change the contents of a div element further down the page

the div i want to change is called map

heres what i have:

the standard select box with javascript call

<select id="state" onchange='check_state()'name="state" size="1" tabindex="1">
                    <option value="">-- Please select --</option>
                    <option value="Alabama">Alabama</option>
                    <option value="Alaska">Alaska</option>
                    <option value="American Samoa">American Samoa</option>
                    <option value="Arizona">Arizona</option>
                    <option value="Arkansas">Arkansas</option>
                    <option value="California">California</option>
                    <option value="Colorado">Colorado</option>
.... etc
               </select>

heres my javascript code that i found

function check_state() {
	x = document.getElementById('state');

	regex=/Alabama/i;
	if (regex.test(x.options[x.selectedIndex].innerHTML)) {
div = document.getElementById('map');
div.innerHTML = 'Alabama';

	regex=/Alaska/i;
	if (regex.test(x.options[x.selectedIndex].innerHTML)) {
div = document.getElementById('map');
div.innerHTML = 'Alaska;


etc....

am i going about this the wrong way...

what i want is if somebody selects Alabama the contents of the div map changes to Alabama

if alaska it changes to alaska and so on for all states

can somebody please point me in the right direction

[jimfraser]

Looks ok, not sure why you are using regex, why not just

function check_state() {
x = document.getElementById('state');
div = document.getElementById('map');
div.innerHTML = x.value;
}