Hi
Im trying to send selected options on one page to a drop down list on another using Javascript. Its taken a while but i think im on the right track. I'm just not sure how to write the output from the first page.

I have a js script file where i have added this....

Code:
var firstChoice;
	var secondChoice;
	var thirdChoice;
	
	
function addOption(selectbox,text,value )
{
var optn = document.createElement("OPTION");
optn.text = text;
optn.value = value;
selectbox.options.add(optn);
}

addOption(document.barriers.Box,firstChoice, firstChoice);

function addOption_list(selectbox){
var month = new Array(firstChoice,secondChoice,thirdChoice);
for (var i=0; i < choice.length;++i){
 
addOption(document.barriers.Box, choice[i], choice[i]);
}
}
and then this is where the options will be displayed....

Code:
<body onLoad="addOption_list()";> 


<h1>Overcoming Hurdles</h1>
<h2>Action plan</h2>
<p>You are now going to create an action plan. Choose one barrier you would like to overcome and plan the steps you will take to achieve it. An important thing to bear in mind is setting a time to achieve your goal.  Make sure you do this and make sure it is realistic.</p>

<form name="barriers">
  <p>
    My barrier:
<label for="Box"></label>
    <select name="Box" id="Box">
      <option value="">Please Select</option>
    </select>
    <br />
    <br />
    How will I remove/reduce this barrier?

<br />
<label for="htmlBox1"></label>
    <textarea onclick="Javascript:unbindKeypress()" onblur="Javascript:activateKeypress();" name="htmlBox1" id="htmlBox1" cols="45" rows="2"></textarea>
  When this is to be achieved by:
    <label for="htmlBox2"></label>
  <input onclick="Javascript:unbindKeypress()" onblur="Javascript:activateKeypress();" type="text" name="htmlBox2" id="htmlBox2" />
  </p>
<p>Steps I am to take to achieve this: <br />
  <label for="htmlBox3"></label>
    <textarea onclick="Javascript:unbindKeypress()" onblur="Javascript:activateKeypress();" name="htmlBox3" id="htmlBox3" cols="45" rows="2"></textarea>
<input type="button" value="View Action Plan" onClick="displayHTML(this.form)"/>
   
  </p>
</form>

</body>
what I want to do is send the first three selected items on this page to the drop list....

Code:
<style>
	.content {
		width: 880px;
		height:180px;
	}
	
	.test {
		width:800
		height:100
		
	}
	.answers{
		position:absolute;
		width:25px;
		height:20px;
		left: 200px;
	    top: 4px;
	}
	
	.correct{
		background-repeat:no-repeat;
		background-image:url(assets/correct-small.png);
		z-index:1;
	}
	
	.incorrect{
		background-repeat:no-repeat;
		background-image:url(assets/incorrect-small.png);
		z-index:1;
	}

	.flip {
		position:relative;
		float:left;
		margin-left:3px;
		margin-right:3px;
		width: 220px;
		height: 22px;
		padding: 3px;
		margin-bottom: 2px;
		border: 1px #CCC solid;
		background-color: #EFEFEF;
		text-align: center;
		}
	
	.flip:hover{
		cursor: pointer;
		background-color: #FFF;
	}
</style>

<script language="javascript">
	$true = 0;
	$false = 0;
	
	for(i=1;i<=15;i++) {
		$("#flipbox" + i).one("click",function(){
			$(this).flip({
				direction:'tb',
				color: '#FFF'
			});
		});
	}
	
	function addAnswer(div, answer){	
		if(answer === 't') {
			$true++;
			$("#"+div).addClass("correct");
			if($true == 3) {
				$(".test").fadeOut(1000, function(){
					$(this).html("<h3>Identifying your barriers to employment is the first step to overcoming them.</h3>" 
				    ).fadeIn(1000);	
				})
			}
		}
		else
			$("#"+div).addClass("incorrect");
	}
	updateBookmark();
	
</script>

<h1>Overcoming Hurdles</h1>
<img class="image_yourcareer" src="./images/yourcareer.gif" />
<h2>What's Stopping me?</h2>
<p>Click on up to <u>three</u> barriers below you feel are holding you back the most.</p><br />
<div class="content">
    <div class="flip" onclick="addAnswer('answer1','t')" id="flipbox1">Age<div class="answers" id="answer1"></div></div>
    <div class="flip" onclick="addAnswer('answer2','t')" id="flipbox2">Disability<div class="answers" id="answer2"></div></div>
    <div class="flip" onclick="addAnswer('answer3','t')" id="flipbox3">Transport<div class="answers" id="answer3"></div></div>
    <div class="flip" onclick="addAnswer('answer4','t')" id="flipbox4">Lack of experience<div class="answers" id="answer4"></div></div>
    <div class="flip" onclick="addAnswer('answer5','t')" id="flipbox5">Over-qualified<div class="answers" id="answer5"></div></div>
    <div class="flip" onclick="addAnswer('answer6','t')" id="flipbox6">Looks/presentation<div class="answers" id="answer6"></div></div>
    <div class="flip" onclick="addAnswer('answer7','t')" id="flipbox7">Lack of qualifications<div class="answers" id="answer7"></div></div>
    <div class="flip" onclick="addAnswer('answer8','t')" id="flipbox8">Lack of money<div class="answers" id="answer8"></div></div>
    <div class="flip" onclick="addAnswer('answer9','t')" id="flipbox9">Poor job hunting skills<div class="answers" id="answer9"></div></div>
    <div class="flip" onclick="addAnswer('answer10','t')" id="flipbox10">Unrealistic expectations<div class="answers" id="answer10"></div></div>
    <div class="flip" onclick="addAnswer('answer11','t')" id="flipbox11">Childcare needs<div class="answers" id="answer11"></div></div>
    <div class="flip" onclick="addAnswer('answer12','t')" id="flipbox12">Attitude<div class="answers" id="answer12"></div></div>
    <div class="flip" onclick="addAnswer('answer13','t')" id="flipbox13">Personal Hygiene<div class="answers" id="answer13"></div></div>
    <div class="flip" onclick="addAnswer('answer14','t')" id="flipbox14">Criminal record<div class="answers" id="answer14"></div></div>
    <div class="flip" onclick="addAnswer('answer15','t')" id="flipbox15">Low self esteem<div class="answers" id="answer15"></div></div>
</div>
<div class="test"></div>
Any ideas and am i on the right track with what ive done so far?

Thanks