Affichage et masquage des éléments sélectionnés Supprime Chrome

Question

J'ai deux entrées sélectionnées à afficher: aucune. Basé sur change() dans un autre élément j'utilise jQuery à show() ou hide() eux. Tous les tests de mon navigateur sont excellents sauf pour Chrome qui disparaît avec le message "Quelque chose ne va pas ...". Voici ma fonction

$(document).ready(function(){ 
    $("#supplier_type").change(function() { 
     if ($("#supplier_type").val() == 'Wholesaler') { 
     $("#retail_fulfillment").hide("slow"); 
     $("#retail_fulfillment").val(""); 
     $("#wholesale_fulfillment").show("slow"); 
     } else { 
     if ($("#supplier_type").val() == 'Retailer') { 
     $("#wholesale_fulfillment").hide("slow"); 
     $("#wholesale_fulfillment").val(""); 
     $("#retail_fulfillment").show("slow"); 
     } 
     } 
    }); 

Quelqu'un peut-il avoir des conseils à ce sujet?

Answer 1

Par le commentaire des naïfs ci-dessus j'ai essayé d'appeler hide() sans paramètres. Cela n'a pas résolu le problème, mais la suppression des arguments à la fois show() et hide() a résolu le problème de Chrome.

Answer 2

#wholesale_fulfillment et #retail_fullfillment sont tous deux des éléments de sélection, n'est ce pas? Vous définissez la valeur d'un élément select à rien. Je suppose que c'est le problème; c'est impossible.

Ce sera votre code:

$(document).ready(function(){ 
    $("#supplier_type").change(function() { 
     if ($(this).val() == 'Wholesaler') { 
      $("#retail_fulfillment").hide("slow") 
      //$("#retail_fulfillment").find('option.empty').attr('selected', 'selected'); 
      $("#wholesale_fulfillment").show("slow"); 
     } else { 
      if ($(this).val() == 'Retailer') { 
      $("#wholesale_fulfillment").hide("slow"); 
      //$("#wholesale_fulfillment").find('option.empty').attr('selected', 'selected'); 
      $("#retail_fulfillment").show("slow"); 
      } 
     } 
    }); 
}); 

Si vous voulez toujours sélectionner un <option/> -tag avec une valeur vide, il suffit d'ajouter une classe à cette <option/> -tag et décommenter le Javascript code a commenté:

<select id="#wholesale_fulfillment"> 
    <option value="" class="empty">---</option> 
    <option value="something">Wholesaler</option> 
</select> 

Answer 3

Quelqu'un peut-il avoir des conseils à ce sujet?

Oui. See if a bug has already been filed for this issue.

Si ce n'est pas le cas, en déposer un. Inclure un cas de test minimal; pastehtml.com est sympa pour ce genre de chose.

Et piratez-vous le mieux possible.