Jquery problem with IE 8

Question

Hello i have this code that works perfect in Firefox but in IE 8 doesn't work and doesn't give me any error ?!

   $(".shp_div").change(function () {
      var str = "";
      $("select option:selected").each(function () {
           var countprod =parseInt($("#countprod").val());
            var str2 = $(this).val();
            str2_array = str2.split('|');
            var cost = parseInt(str2_array[0]);
            var cost_extra = parseInt(str2_array[1]);
            if ($("#countprod").val()>1) {
            str = parseInt(((countprod-1)*cost_extra) + cost);
            } else{
            str = cost;
          }});
      $(".csq_item2").text(str);
       var total =parseInt($("#subtotal").val());
      var shipping=parseInt(str + total);
      $(".price_total").text(shipping);
    })
    .change();

Answer 1

You could press F12 to open the IE developer console and then run the IE8 JavaScript debugger and then you can step through and see what is happening.

Answer 2

Since I don't have the entire picture, i am guessing you are not getting the value of the selected option, So here is the code. Its commented with "Try using this":

$(".shp_div").change(function () {
      var str = "";
      $("select option:selected").each(function () {
           var countprod =parseInt($("#countprod").val());
            // var str2 = $(this).val();
            var str2 = $(this).attr("value");  // Try using this!
            str2_array = str2.split('|');
            var cost = parseInt(str2_array[0]);
            var cost_extra = parseInt(str2_array[1]);
            if ($("#countprod").val()>1) {
            str = parseInt(((countprod-1)*cost_extra) + cost);
            } else{
            str = cost;
          }});
      $(".csq_item2").text(str);
       var total =parseInt($("#subtotal").val());
      var shipping=parseInt(str + total);
      $(".price_total").text(shipping);
    })
    .change();