JavaScript - Using Javascript Variable Within Frameset

<div align="center"><center><p><strong>Your response:</strong> <select
          name="theresponse" size="1" onChange="responses()">
            <option value="-----">----</option>
            <option value="a">a</option>
            <option value="b">b</option>
            <option value="c">c</option>
            <option value="d">d</option>
          </select>

var loop=0
function responses(){
loop++
var temp2=document.instantquiz.theresponse
var temp3=temp2.options[temp2.selectedIndex].text
if (temp3!=solution[whichone]&&temp2.selectedIndex!=0)
document.instantquiz.thesolution.value="Sorry, the correct answer is "+solution[whichone];
else if(temp2.selectedIndex!=0)
document.instantquiz.thesolution.value=compliments[whichone];
}

<script type="text/javascript">
var number = 10;
document.getelementbyid(number).value = number;
</script>
<input type="text" id="number" value="">

<div id="wrapper">
<div id="content">
<form>
Select a Customer:
<select id="oneone" name="oneone" value="">
<option value="s_last">last</option>
<option value="s_first ">first</option>
<option value="c_city">cirty</option>
</select>
</form>

<div>
<form method="get" action="" class="asholder">
	<small style="float:right">Hidden ID Field: <input type="text" id="testid" value="" style="font-size: 10px; width: 20px;" disabled="disabled" /></small>
	<label for="testinput">Person</label>
	<input style="width: 200px" type="text" id="testinput" value="" /> 
	<input type="submit" value="submit" />
</form>
</div>
</div>

<script type="text/javascript">


	var options = {
		script:"test.php?json=true&limit=6&",
		varname:"input",
		json:true,
		shownoresults:false,
		maxresults:6,
		callback: function (obj) { document.getElementById('testid').value = obj.id; }
			};
	
	var as_json = new bsn.AutoSuggest('testinput', options);
	
		var optionsa = {
		script:"test.php?",
		varname:"one",
		json:false
		};
	var as_jsona = new bsn.AutoSuggest('oneone', optionsa);
</script>

$input =$_GET['input'];
$q =$_GET["one"];

<script type="text/javascript">
$(function() {
	$(".submit1").click(function() {
		var post_id = $("#post_id1").val();
		var member_id = $("#member_id").val();
		var comment = $("#comment1").val();
		var dataString = 'post_id='+ post_id + '&member_id=' + member_id + '&comment=' + comment;	
		if(comment=='') {
			alert('Please enter a valid comment 1');
		} else {
			$("#flash1").show();
			$("#flash1").fadeIn(2400).html('<span class="loading">Loading Comment...</span>');
			$.ajax({
				type: "POST",
	  			url: "commentajax.php",
	   			data: dataString,
	  			cache: false,
	  			success: function(html){
					$("li#update1").append(html);
				 	$("li#update1 li:last").fadeIn("3600");
					$("#flash1").hide();
					document.getElementById('post_id1').value='';
	   				document.getElementById('member_id').value='';
					document.getElementById('comment1').value='';
					$("#comment1").focus();
	  				$("#flash1").hide();
	  			}
	 		});
		}
		return false;
	});
});
</script>
<script type="text/javascript">
$(function() {
	$(".submit2").click(function() {
		var post_id = $("#post_id2").val();
		var member_id = $("#member_id").val();
		var comment = $("#comment2").val();
		var dataString = 'post_id='+ post_id + '&member_id=' + member_id + '&comment=' + comment;	
		if(comment=='') {
			alert('Please enter a valid comment 2');
		} else {
			$("#flash2").show();
			$("#flash2").fadeIn(2400).html('<span class="loading">Loading Comment...</span>');
			$.ajax({
				type: "POST",
	  			url: "commentajax.php",
	   			data: dataString,
	  			cache: false,
	  			success: function(html){
					$("li#update2").append(html);
				 	$("li#update2 li:last").fadeIn("3600");
					$("#flash2").hide();
					document.getElementById('post_id2').value='';
	   				document.getElementById('member_id').value='';
					document.getElementById('comment2').value='';
					$("#comment2").focus();
	  				$("#flash2").hide();
	  			}
	 		});
		}
		return false;
	});
});
</script>
<script type="text/javascript">
$(function() {
	$(".submit3").click(function() {
		var post_id = $("#post_id3").val();
		var member_id = $("#member_id").val();
		var comment = $("#comment3").val();
		var dataString = 'post_id='+ post_id + '&member_id=' + member_id + '&comment=' + comment;	
		if(comment=='') {
			alert('Please enter a valid comment 3');
		} else {
			$("#flash3").show();
			$("#flash3").fadeIn(2400).html('<span class="loading">Loading Comment...</span>');
			$.ajax({
				type: "POST",
	  			url: "commentajax.php",
	   			data: dataString,
	  			cache: false,
	  			success: function(html){
					$("li#update3").append(html);
				 	$("li#update3 li:last").fadeIn("3600");
					$("#flash3").hide();
					document.getElementById('post_id3').value='';
	   				document.getElementById('member_id').value='';
					document.getElementById('comment3').value='';
					$("#comment3").focus();
	  				$("#flash3").hide();
	  			}
	 		});
		}
		return false;
	});
});
</script>
<script type="text/javascript">
$(function() {
	$(".submit4").click(function() {
		var post_id = $("#post_id4").val();
		var member_id = $("#member_id").val();
		var comment = $("#comment4").val();
		var dataString = 'post_id='+ post_id + '&member_id=' + member_id + '&comment=' + comment;	
		if(comment=='') {
			alert('Please enter a valid comment 4');
		} else {
			$("#flash4").show();
			$("#flash4").fadeIn(2400).html('<span class="loading">Loading Comment...</span>');
			$.ajax({
				type: "POST",
	  			url: "commentajax.php",
	   			data: dataString,
	  			cache: false,
	  			success: function(html){
					$("li#update4").append(html);
				 	$("li#update4 li:last").fadeIn("3600");
					$("#flash3").hide();
					document.getElementById('post_id4').value='';
	   				document.getElementById('member_id').value='';
					document.getElementById('comment4').value='';
					$("#comment4").focus();
	  				$("#flash4").hide();
	  			}
	 		});
		}
		return false;
	});
});
</script>
<script type="text/javascript">
$(function() {
	$(".submit5").click(function() {
		var post_id = $("#post_id5").val();
		var member_id = $("#member_id").val();
		var comment = $("#comment5").val();
		var dataString = 'post_id='+ post_id + '&member_id=' + member_id + '&comment=' + comment;	
		if(comment=='') {
			alert('Please enter a valid comment 5');
		} else {
			$("#flash5").show();
			$("#flash5").fadeIn(2400).html('<span class="loading">Loading Comment...</span>');
			$.ajax({
				type: "POST",
	  			url: "commentajax.php",
	   			data: dataString,
	  			cache: false,
	  			success: function(html){
					$("li#update5").append(html);
				 	$("li#update5 li:last").fadeIn("3600");
					$("#flash5").hide();
					document.getElementById('post_id5').value='';
	   				document.getElementById('member_id').value='';
					document.getElementById('comment5').value='';
					$("#comment5").focus();
	  				$("#flash5").hide();
	  			}
	 		});
		}
		return false;
	});
});
</script>

<xsl:for-each select="documents/data[frequency='Daily']">
<script>var meetingIndicator = <xsl:value-of select="meetingIndicator"/>;
</script>
<tr>
<td class="tableLink"><a href="" onMouseover="showmenu(event,linkset[0], '450px')" onMouseout="delayhidemenu()"><xsl:value-of select="meetingCategory"/></a><script>document.write(meetingIndicator);</script>
</td>
<td><xsl:value-of select="meetingCategory"/></td>
<td> 
<xsl:value-of select="duration"/> 
</td>
<td> 
<xsl:value-of select="purpose"/> 
</td>
<td> 
<xsl:value-of select="idealFor"/>
</td>
<td> 
<xsl:value-of select="instructions"/>
</td>
<td class="tableLink">
<a><xsl:attribute name="href">
<xsl:value-of select="documentURL"/></xsl:attribute>
<xsl:value-of select="supportingDocuments"/></a>
</td>
</tr> 
</xsl:for-each> 
</table>

<td class="tableLink"><a href="" onMouseover="showmenu(event,linkset[0], '450px')" onMouseout="delayhidemenu()"><xsl:value-of select="meetingCategory"/></a><script>document.write(meetingIndicator);</script>