I was able to an extra radio button but I came up on a problem when I was trying to access the info from a multi-selection form. I tried basing my code for this off of this page.
http://www.javascript-coder.com/java...t-select.phtml
The biggest problem I am coming up with is how to display the info from the multi-selection with the current info. I understand that I have to call the function somewhere but I don't know how to display the info of an array in javascript in this situation.
Code:
<html>
<head>
<script type="text/javascript">
function write(crustSelection,sizeSelection)
{
var string= "You have selected " +sizeSelection+ " as your size " + "\n\n" + "You have Selected " + crustSelection + " as your crust";
return string
}
function getSelectedOptions(oList)
{
var sdValues = [];
for(var i = 1; i < oList.options.length; i++)
{
if(oList.options[i].selected == true)
{
sdValues.push(oList.options[i].value);
}
}
return sdValues;
}
function textWrite(crustSelectionFinal,sizeSelectionFinal)
{
var result=write(crustSelectionFinal,sizeSelectionFinal);
document.getElementById('outputID').value= result;
return result;
}
</script>
</head>
<body>
<form>
<p>What Size Pizza?</p>
<script>
var sizeSelection = "No size selected yet";
</script>
<input type=radio name="size" onClick="sizeSelection='Personal'" />Personal.
<br />
<input type=radio name="size" onClick="sizeSelection='Small'" />Small.
<br />
<input type=radio name="size" onClick="sizeSelection='Medium'" />Medium.
<br />
<input type=radio name="size" onClick="sizeSelection='Large'" />Large.
<br />
<input type=radio name="size" onClick="sizeSelection='Extra-Large'" />Extra-Large.
<br />
<input type=radio name="size" onClick="sizeSelection='OMG'" />OMG.
<p>What Type of Crust?</p>
<script>
var crustSelection = "No crust selected yet";
</script>
<input type=radio name="crust" onclick="crustSelection='Thin'" />Thin.
<br />
<input type=radio name="crust" onclick="crustSelection='Thick'" />Thick.
<br />
<input type=radio name="crust" onclick="crustSelection='Sicilian'" />Sicilian.
<p><input type="button" value="Submit" onclick="textWrite(crustSelection,sizeSelection)" /></p>
<p>What toppings? (May choose more than 1)</p>
<select name="topping" id='slt_topping' size="8" multiple="yes">
<option value='1'>Sausage</option>
<option value='2'>Pepperoni</option>
<option value='3'>Mushrooms</option>
<option value='4'>Olives</option>
<option value='5'>Pineapple</option>
<option value='6'>Extra Chesse</option>
<option value='7'>Bacon</option>
<option value='8'>Anchovies</option>
<br />
<p>
<b>Output</b>: <textarea TYPE="text" NAME="output" ID="outputID" SIZE="50"/></textarea>
</p>
</form>
</select>
</form>
</body>
</html>