Question

What is the most best way to do this via jquery?

I have a dropbox [Center Title]that has a location name/title. I need to associate the address to the name and then upon change of the dropbox, I need the address to populate in two textarea boxes

There are a bunch of centers and their corresponding addresses, so I think I want to put this in an external js file.

Here is my html, I just can’t get the jquery clear in my head.

<fieldset name="Group1">
                <legend>Group box</legend>
                Center Title:<select name="ctrTitles" id="ctrTitles">
                <option value="Corp 1">Corp 1</option>
                <option value="Shamrock Gold">Shamrock Gold</option>
                <option value="Hensin Way">Hensin Way</option>
            </select><br /><br />
            Address 1: <textarea name="TextArea1" id="TextArea1" cols="20" rows="2"></textarea><br /><br />
            Address 2: <textarea name="TextArea2" id="TextArea2"cols="20" rows="2"></textarea>
            </fieldset>

​view my jsFiddle here: http://jsfiddle.net/justmelat/WcXpk/

Answer 1

    $('#ctrTitles').change(function() {
       var centreName = $(this).val();

    var address = '';
    for (var i = 0; i < centerLocations.length; ++i) {
    if (centerLocations[i].value == centreName) {
    address = centerLocations[i].address;
break;
    }

    }

       $("#TextArea1, #TextArea2").val(address);    
    });​