Creating a function that populates radio buttons

JavaScript
1

Hey guys,

I am looking for some help. I am trying to populate Radio buttons with JavaScript. What I have is two Radio buttons that when the page loads will display a random city next to them. So instead of saying “Desitination1” next the a radio button, it needs to say one of the cities below, and must pull different cities each time the page loads. Any help would be appreciated!

My cities:

var myVacations = ["Athens", "Madrid", "Tokyo", "Honolulu", "Sydney", "London", "Oslo", "Moscow", "Kingston", "Acapulco", "Brasilia", "Lima", "Chicago", "Toronto", "Cairo", "Egypt", "Capetown"];

my Radio buttons:

<form name="surveyForm">
    	<fieldset>
            <legend>I would rather vacation in:</legend>
            <label>
				<input type="radio" name="pollRadio" id="optRadio1" value="" />
				<span id="optSpan1" ></span>
			</label>
            <label>
				<input type="radio" name="pollRadio" id="optRadio2" value="" />
				<span id="optSpan1"></span>
            </label>
        </fieldset>
    </form>
2

It’s that last bit that’s the problem. Do you want each page load to remember the destinations that the previous pages have used, so that it doesn’t pick those?
Or is a random choice from the list of cities good enough for your purpose?

3

Not to mention that destination1 and destination2 could potentially be the same if it’s completely a random choice.

4

That’s relatively simple to deal with, by using a random bag to draw them from.