JQuery .filter() dans IE8

Question

Il ressemble à IE8 ne supporte pas la méthode Jquery .filter()-Why won't .filter() work in Internet Explorer 8?

Je le code suivant qui filtre une liste déroulante

if($('#deliveryPostcodeEstimator').length > 0) { 
     $('.shippingregionselector').hide(); 
     $('#deliveryPostcodeEstimator') 
      .blur(function() { 
       //Set to default 
       $('select[name=country] option:last').prop('selected', true); 
       //var defaultPostcode = 'GL50'; 
       //$("select[name=country] option").filter(function() { 
       // return $(this).text() == defaultPostcode; 
       //}).prop('selected', true); 
       //Set to matching postcode value if set 
       $('select[name=country] option').filter(function(index) { 
        return ($(this).text() == $('#deliveryPostcodeEstimator').val().toUpperCase().substring(0,4).trim()) 
       }).prop('selected', true); 
       //Submit 
       var thisForm = $(this).closest("form"); 
       thisForm.submit(); 
      }) 
      .keyup(function() { 
       $(this).val($(this).val().toUpperCase()); 
      }); 
     $('button.pcodechange').click(function() { 
      var thisForm = $(this).closest("form"); 
      thisForm.submit(); 
     }); 
    } 

La ligne de problème est

return ($(this).text() == $('#deliveryPostcodeEstimator').val().toUpperCase().substring(0,4).trim()) 

Ce qui donne l'erreur suivante

Object doesn't support this property or method Comment est-ce que je "envelopper dans un objet" comme suggéré dans le message précédent?

Merci

Answer 1

Votre erreur est probablement en raison de votre appel .trim().

String.prototype.trim est pas disponible pour Internet Explorer 8 selon ce tableau: http://kangax.github.com/es5-compat-table/

Vous pouvez utiliser à la place jQuery.trim:

var search = $.trim($('#deliveryPostcodeEstimator').val().toUpperCase().substring(0,4)); 
$('select[name=country] option').filter(function(index) { 
    return $(this).text() == search; 
}).prop('selected', true); 

Vous pouvez également utiliser une solution pure javascript qui est décrit dans lien cernunnos:

.trim() in JavaScript not working in IE

Answer 2

IE 9 et ultérieur support .filter()

Voici ce que vous pouvez faire: Définissez votre propre filtre.

if (!Array.prototype.filter) { 
    Array.prototype.filter = function (fun /*, thisp */) { 
    "use strict"; 

    if (this === void 0 || this === null) 
     throw new TypeError(); 

    var t = Object(this); 
    var len = t.length >>> 0; 
    if (typeof fun !== "function") 
     throw new TypeError(); 

    var res = []; 
    var thisp = arguments[1]; 
    for (var i = 0; i < len; i++) { 
     if (i in t) { 
      var val = t[i]; // in case fun mutates this 
      if (fun.call(thisp, val, i, t)) 
       res.push(val); 
     } 
    } 

    return res; 
}; 
}