rendered paste body<script type="text/javascript">//<![CDATA[function showRag() { var number = parseInt(document.forms["orderform"]["numMats"].value); var pickMat1 = document.getElementById("firstMat"); var pickMat2 = document.getElementById("secondMat"); var pickMat3 = document.getElementById("thirdMat"); var matSelects = '<option value="C2253">White</option><option value="C1107">Light Cream</option><option value"C1101">Neutral Grey</option><option value="C1117">Grey</option><option value="C2255">Cream</option><option value="C1125">Shetland</option><option value="C1114">Almond</option><option value="C1124">Highland</option><option value="C1115">Black</option><option value="C1710">Dark Umbria</option><option value="C1572">Mist</option><option value="C1594">Olde Grey</option><option value="C1612">True Red</option><option value="C1593">Sea Shell</option><option value="C1567">Sand</option><option value="C1564">Oak Brown</option><option value="C1542">Vintage Grey</option><option value="C1574">Dawn Grey</option><option value="C1653">Maroon</option>'; switch (number) { case 1: pickMat1.innerHTML = 'Mat #1 <select name="mat1">' + matSelects + '</select>'; pickMat2.innerHTML = ''; pickMat3.innerHTML = ''; break; case 2: pickMat1.innerHTML = 'Mat #1 <select name="mat1">' + matSelects + '</select>'; pickMat2.innerHTML = 'Mat #2 <select name="mat2">' + matSelects + '</select>'; pickMat3.innerHTML = ''; break; case 3: pickMat1.innerHTML = 'Mat #1 <select name="mat1">' + matSelects + '</select>'; pickMat2.innerHTML = 'Mat #2 <select name="mat2">' + matSelects + '</select>'; pickMat3.innerHTML = 'Mat #3 <select name="mat3">' + matSelects + '</select>'; break; }}//]]></script>