Question

I have a total variable that I update with a refresh get request using on change from a drop down box with PHP/JS. Seems to work fine in Firefox, but not at all with Chrome / IE. Any suggestions?

<form action='cart.php' onchange = 'go()'>
<select id = 'postinfo' name = 'postage'>

<script>
  function go() {
    var x = document.getElementById("postinfo").value;
    if (x == "express") {
        var price = 9.99
        window.location.href = "cart.php?delivery=" + price + "&item=express"; 
    }else if (x == "free"){
        var price = 4.99
        window.location.href = "cart.php?delivery=" + price + "&item=free"; 
    }
  }
</script>

Answer 1

You should have the ‘onchange’ JavaScript event attached to your select tag not to your form tag.

for example:

  <form>
    <select onchange="alert('I just changed!!!');">
      <option>1</option>
      <option>2</option>
    </select>
  </form>

HTH