change value of input box depending on other form fields

[franco714]

basicly what im trying to do is have 4 forms fields
1 input box for a country
1 drop down box for states
1 input box for city

and 1 empty input box which add the value the other three as soon as they are changed, so it would end up looking something like this

first writes= united states
second selects = CA
third writes = san diego

and the fourths value should be

san diego, CA , United states

is that possible with javascript?

[wonshikee]

It's exactly the kinda thing javascript is good for

<script type='text/javascript'>
function combine()
{
    var country = document.getElementById('country').value;
    var city = document.getElementById('city').value;
    var st = document.getElementById('state');
    var state = st.options[st.selectedIndex].value;

    if (country && city && state) {
         document.getElementById('combined').value = city + ", " + state + " " + country;
    }
}
</script>

Country: <input type='text' id='country' name='country' onblur='combine()' /><br />

State: <select id='state' name='state' onchange='combine()'>
<option value=''>Please Select</option>
<option value='AK'>Arkansas</option>
<option value='CA'>California</option>
</select><br />

City: <input type='text' name='city' id='city' onblur='combine()' />

<input type='text' name='combined' id='combined' />

[franco714]

sweet, thanks

[franco714]

one last thing, i hoping it be easier

i tried to integrate that with google maps geocoder

http://www.google.com/apis/maps/docu...ng-simple.html

but without having to click "go". heres what i tried, but its not working

http://ridenze.com/spots/find_spot.html

supposably its going to be hidden, but the onchange thing doesnt seem to be working... any ideas?

thanks a lot