Hello,

I have some code that relates to drop downs - kind of a pricing calculator.

It works fine on every other browser but doesn't work on Internet Explorer. (I'm using version 9).

The code is:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test</title>

<script>

function texter()
{
var textField;
textField = combo_3.value;
textFieldLength = combo_3.value.length;

if (textFieldLength==0)
{
combo_3.value=prompt("Please enter something","");
}
else
{ 
result.innerHTML = textField;
}

}

	data_1 = new Option("Black", "$");

	data_1_1 = new Option("Small", "-");
	

	data_1_1_1 = new Option("Quantity 80", "*");
		
data_1_1_1_1 = new Option("Standard","The price is $20");

	

    displaywhenempty=""
    valuewhenempty="<strong>Please choose an option from every dropdown</strong>"

    displaywhennotempty=""
    valuewhennotempty="<strong>Please choose an option from every dropdown</strong>"


function change(currentbox) {
	numb = currentbox.id.split("_");
	currentbox = numb[1];

    i=parseInt(currentbox)+1

while (document.getElementById("combo_"+i)) {
son = document.getElementById("combo_"+i);

for (m=son.options.length-1; m>0; m--) son.options[m]=null;

son.options[0]=new Option(displaywhenempty,valuewhenempty);
i++;
}

stringa='data';
i=0;
while (document.getElementById("combo_"+i)) {
stringa=stringa+'_'+document.getElementById("combo_"+i).selectedIndex;
if (i==currentbox) break;
i++;
}



    following=parseInt(currentbox)+1

  if (document.getElementById("combo_"+following)) {
son = document.getElementById("combo_"+following);
stringa=stringa+"_";
i=0;
while ((eval("typeof("+stringa+i+")!='undefined'")) || (i==0)) {

if ((i==0) && eval("typeof("+stringa+"0)=='undefined'"))
if (eval("typeof("+stringa+"1)=='undefined'"))
son.options[0]=new Option(displaywhenempty,valuewhenempty);
else
son.options[0]=new Option(displaywhennotempty,valuewhennotempty);
else
son.options[i]=new Option(eval(stringa+i+".text"),eval(stringa+i+".value"));
i++;
}

i=1;
combostatus='';
cstatus=stringa.split("_");
while (cstatus[i]) {
combostatus=combostatus+cstatus[i];
i++;
}
return combostatus;
}
}


function go(elementName){
var newUrl=document.forms[0].elements[elementName].options[document.forms[0].elements[elementName].selectedIndex].value;
if(newUrl.indexOf("www")>=0){
location.href=newUrl;
}
}

</script>


</head>

<body>
<form>

<table align="center" width="500" cellspacing="6" cellpadding="6">
<tr><td align="left" class="steps">Step 1 - Choose a color</td></tr>
<tr><td class="steps2"><select name="combo0" id="combo_0" onChange="change(this);" style="width:200px;">
<option selected="selected" value="value1"></option>
<option value="value2" id="p1">Black</option>
</select></td></tr><tr><td align="left" class="steps">Step 2 - Choose size</td></tr>
<tr><td class="steps2"><select name="combo1" id="combo_1" onChange="change(this)" style="width:200px;">
	<option value="value1">  </option>
</select></td></tr><tr><td align="left" class="steps">Step 3 - Choose quantity</td></tr>
<tr><td class="steps2"><select name="combo2" id="combo_2" onChange="change(this);" style="width:200px;">
	<option value="value1">  </option>
</select></td></tr><tr><td align="left" class="steps">Step 4 - Choose quality</td></tr>
<tr><td class="steps2"><select name="combo3" id="combo_3" onChange="change(this);" style="width:200px;">
<option value="value1">  </option></select></td></tr>

<tr><td><input type= "button" value = "Get your quote now" onclick = "texter()"> </td></tr>

<tr><td><div class="result" id="result"></div></td></tr>


</table>

</form>
</body>
</html>
Any help would be appreciated.

Thanks