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
Before you post, read our: 
