Firefox ignore l’option sélectionnée = “sélectionné”

Si vous modifiez une liste déroulante et actualisez la page, Firefox semble ignorer l’atsortingbut sélectionné.

Test 

En fait, il sélectionnera l’option que vous avez précédemment sélectionnée (avant le rafraîchissement). Cela finit par être un problème pour moi car il y a un événement déclenché sur la liste déroulante qui change d’autres choses. Existe-t-il un moyen de faire en sorte que Firefox supprime ce comportement (autre que le déclenchement d’un autre événement lorsque la page se charge)?

À mon avis, ce comportement est codé en dur dans Firefox.

Vous pouvez essayer de définir chaque élément de defaultValue sur defaultValue lors du chargement de la page.

Ajouter l’atsortingbut HTML autocomplete="off" à chaque balise select. (source: https://stackoverflow.com/a/8258154/260080 )

Cela corrige le comportement ODD dans FireFox.

Dans Firefox, j’ai remarqué que l’atsortingbut “selected” ne fonctionnera que si vous placez le select dans un formulaire, où le formulaire a un atsortingbut name.

Juste eu le même problème, croyez-moi, cela a été plus de 10 heures aux sockets avec ce comportement firefox stupide, j’ai 7 listes déroulantes, chacun d’eux va déclencher un événement et remplir 24 entrées cachées, donc vous pouvez imaginer avoir la bonne option sélectionnée avec 24 valeurs d’entrée erronées !!! La solution que j’ai finalement trouvée est de réinitialiser le formulaire avec Javascript en ajoutant cette ligne de code:

 window.onload = function() { document.forms['MarkerForm'].reset(); }; 

PS: les entrées ont les valeurs extraites d’une firebase database, donc la réinitialisation du formulaire ne vide aucune valeur mais indique à firefox de revenir en arrière à l’option sélectionnée = sélectionnée!

Il suffit de Firefox pour mémoriser votre sélection précédente lors de l’actualisation. Essayez plutôt un rafraîchissement.

Aussi, même problème ici: https://stackoverflow.com/a/1505693/1069232

Voir aussi ici: https://bugzilla.mozilla.org/show_bug.cgi?id=274795

J’utilise FF 25.0.1

Il ignore selected="" et selected="selected" .

Mais si j’essaie simplement selected l’option est sélectionnée.

Comportement étrange (non conforme). Je sais que select est un HTML5 valide et que c’est la forme la plus courte, mais j’écris généralement un code qui valide également en tant que XML bien formé, afin de pouvoir utiliser tous les outils de validation XML de manière très ssortingcte (et l’échange de données est très simple). ..)

Selon le W3C, ces variantes devraient être valides pour les atsortingbuts booléens:

 HTML5: boolAttr="" | boolAttr="boolAttr" | boolAttr XHTML5: boolAttr="" | boolAttr="boolAttr" 

Je préfère le premier, car il est presque aussi court que la dernière variante (et non pas conforme à XML) mais devrait valider à la fois XHTML5 ET HTML5. J’espère donc que Mozilla va le réparer!

Vous pouvez appeler .reset() sur le formulaire avant d’actualiser la page.

utilisez .prop () au lieu de .attr ()

 This does not work in firefox. $( 'option[value="myVal"]' ).attr( 'selected', 'selected' ); use this one $( 'option[value="myVal"]' ).prop( 'selected', 'selected' ); In other way $( this ).prop( 'selected', 'selected' ); 

Avec le nom est mieux = >>

 form id="UMForm" name="UMForm" class="form" 

La sélection prendra l’atsortingbut sélectionné

C’est peut-être un bug dans mozilla mais essayez de donner un nom à la liste déroulante.

joindre l’atsortingbut select in form et cela fonctionnera.

   

et

  

autocomplete ne fonctionnait pas non plus pour moi.

Ceci est le correctif javscript écrit en jquery que j’utilise:

 $('input[type="radio"][selected]').click(); 
  

Dans ce cas, cela a fonctionné à la fois pour Chrome et Firefox.

 $('option[value="Test"]').prop('selected', true); 

J’utilisais .attr() au lieu de .prop()

Pour afficher le premier élément de la liste déroulante, utilisez ProjectName.ClearSelection();

Mettez des lignes dans votre page de conception pour travailler sur tous les navigateurs

 $(document).ready(function () { $("#content_ProjectName option[value='1']").prop("selected", true); }); 

Si vous modifiez la sélection et rafraîchissez la page, firefox restaurera vos modifications sur le formulaire, c’est pourquoi vous avez l’impression que la sélection ne fonctionne pas. Au lieu de rafraîchir, essayez d’ouvrir le lien sur un nouvel onglet.

Ceci est ma solution:

 var select = document.getElementById('my_select'); for(var i=0; i < select.options.length; i++){ select.options[i].selected = select.options[i].attributes.selected != undefined; } 

Je viens de mettre ça en haut de la page (avec le set id approprié), et ça marche pour moi. En remplaçant le getElementById par une boucle sur toutes les sélections de la page, je laisse comme exercice pour le lecteur;).

Pour moi, aucune des solutions ci-dessus n’a fonctionné. Je devais définir explicitement la sélection si aucune n’était définie:

 if (foo.find(':selected').length === 0) { $(foo.find('option')[0]).attr('selected', 'selected'); } 

Je souhaite que Firefox corrige ce problème 🙁

Au travail, je viens de corriger un bug où l’option de la boîte de sélection s’affiche correctement dans Chrome mais pas dans Firefox, sur la même page Web. Il s’est avéré être quelque chose de complètement différent des problèmes ci-dessus, mais pourrait être un problème que vous rencontrez.

Dans Chrome, la couleur de la boîte de sélection était noire. Pour une raison quelconque dans Firefox, la zone de sélection a hérité de la couleur de police du conteneur, qui était blanche. Une fois que j’ai ajouté une règle CSS pour forcer que la couleur de la boîte de sélection soit noire, le jeu de valeurs était correctement affiché.

essayez de désactiver l’atsortingbut autocomplete de l’entrée select … parfois, le navigateur ignore

Ni autocomplete="off" ni placé dans un form fonctionne pour moi.

Ce qui a fonctionné était d’utiliser uniquement l’atsortingbut sélectionné sans “valeur” comme ceci:

   

soit il rend , soit simplement