I have a script that changes the html in a div, the problem is that in firefox it doesn't change delete the old div content, it just amends it. So it looks pretty weird.
The page is at
http://signs365.com/newsite/developm...clemagnets.php it works great in IE and Opera, but firefox has issues with it. Here's the javascript function that gives the issue
function minQuantity()
{
var size = eval(document.magnetForm.size.value);
var quantityHTML = document.getElementById("quantity");
quantityHTML.innerHTML = "";
if(size == 2) {
quantityHTML.innerHTML = "<select name=\"quantity\" id=\"quantity\" onchange=\"calcMagnets();\"><option value=\"1\" selected>1</option><option value=\"2\">2</option><option value=\"3\">3</option><option value=\"4\">4</option><option value=\"5\">5</option><option value=\"6\">6</option><option value=\"7\">7</option><option value=\"8\">8</option><option value=\"9\">9</option><option value=\"10\">10</option></select>";
} else if(size == 1){
var quantityHTML = document.getElementById("quantity");
quantityHTML.innerHTML = "<select name=\"quantity\" id=\"quantity\" onchange=\"calcMagnets();\"><option value=\"2\">2</option><option value=\"3\">3</option><option value=\"4\">4</option><option value=\"5\">5</option><option value=\"6\">6</option><option value=\"7\">7</option><option value=\"8\">8</option><option value=\"9\">9</option><option value=\"10\">10</option></select>";
}
}
any thoughts?