Этот код работает во всех других браузерах, за исключением IE

Question

Это прекрасно работает во всех браузерах, кроме IE, может кто-нибудь объяснить, почему я могу это исправить. Я отображение индекса в JavaScript Object на основе индекса выбранного индекса моего выпадающего списка

$(document).ready(function() { 
var pdata = [{ Name: "Apples", Price: 1.99 },{ Name: "Bananas", Price: 2.45 } ]; 

    $('#produceTMPL').tmpl(pdata).appendTo('#produceList'); 

     $(document).ready(function() { 


     $('#add1').click(function() { 
     var selected = $('#produceList option:selected').index(); 

     item = pdata[selected]; 

     console.log(selected); 
     $('#cart').append('<p>' + item.Name + ', ' + item.Price + '</p>'); 




    }); 
    }); 

HTML:

 <div> 
    <select id="produceList"> 
    <option>make a selection</option> 
    </select> 

Answer 1

item является защищенное свойство объекта окна в IE. Просто переименуйте переменную или объявите ее правильно (используя var) в своей функции.

Answer 2

console.log выдает ошибку в IE, так, чтобы быть на более безопасной side НЕ используйте console.log без проверки, поддерживает ли браузер его или нет.

try{ 
    if(console && console.log) console.log('message') 
}catch(e){} 

ИЛИ

if ('undefined' !== typeof console){console.log(message); }