Dlaczego Firefox nie pokazuje prawidłowej domyślnej opcji wyboru?

Miałem podobny problem, ale po dodaniu atrybutu autocomplete="off" HTML do każdego znacznika select zadziałał. [Używałem Firefoksa 8]

Łatwy sposób, aby zapobiec buforowaniu Firefoksa przez ostatnią wybraną opcję, polega na usunięciu wszystkich elementów opcji na stronie rozładuj. Na przykład (zakładając jQuery):

$(window).unload(function() {
  $('select option').remove();
});

Miałem ten sam problem. Próbowałem zmienić wartość select w zależności od opcji selected= "selected", ale Firefox nie działał. Zawsze domyślna jest pierwsza opcja.

Chrome, Safari, itp działało kiedy to robiłem:

$( 'option[value="myVal"]' ).attr( 'selected', 'selected' );

... ale to nie działało w FF.

Więc próbowałem:

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

JQuery v1.9. 1

Sprawiłem, że działało, umieszczając autocomplete= " off " na ukrytym wejściu.

Chociaż to stare pytanie, ale poniżej rozwiązanie może komuś pomóc

W Firefoksie zauważyłem, że atrybut "selected" nie będzie działał, jeśli nie umieścisz select wewnątrz formularza, Gdzie formularz ma atrybut name.

<form name="test_form" method="POST">
<select name="city">
<option value="1">Test</option>
<option selected="selected" value="2">Test2</option>
</selecct>

Ponownie zapamiętaj:

1. formularz musi posiadać atrybut" name" oraz
2. "select " musi znajdować się wewnątrz formularza.

Firebug ma funkcję wyłączania pamięci podręcznej dla dokładnie tego scenariusza.

Głębszym rozwiązaniem długoterminowym jest ustalenie, jak ustawić nagłówki bez pamięci podręcznej po stronie serwera. Z jakiego serwera www korzystasz?

Za każdym razem, gdy miałem dziwne błędy opcji select w Firefoksie, to dlatego, że miałem wiele opcji zaznaczonych jako wybrane. Czy jesteś pewien, że tylko jeden jest oznaczony jako taki? Wydaje się, że można wydostać się z wack dość łatwo, jeśli zmieniasz to z AJAX.

FYI: aby powstrzymać Firefoksa przed przywróceniem wcześniej wybranej opcji po przeładowaniu strony, możesz umieścić cały <form> zawierający opcje <select> wewnątrz <iframe>.

Gdy pola wyboru są w <iframe> i przeładowujesz stronę kontenera, Firefox w końcu zachowuje się jak wszystkie inne przeglądarki, po prostu resetując opcje select.

Dzięki @BananaDeveloper ( https://stackoverflow.com/a/8258154/2182349) - jest to moje rozwiązanie, aby rozwiązać ten problem na jednej stronie w aplikacji

Nie chciałem dostosowywać kodu aplikacji off-the-shelf / open source

<Files "page_that_does_not_work.php">
        SetOutputFilter INFLATE;SUBSTITUTE;DEFLATE
        Substitute 's/<select/<select autocomplete="off"/n'
        Substitute 's/<form/<form novalidate/n'
</Files>

Apache docs for mod_substitute https://httpd.apache.org/docs/2.4/mod/mod_substitute.html

Dzięki: https://serverfault.com/questions/843905/apache-mod-substitute-works-in-curl-but-not-on-browser{[4] na SetOutputFilter

Rozgryzłem to. Jeśli umieścisz onunload lub $(window).rozładuj (jquery) na HTML z nagłówkiem bez pamięci podręcznej, Firefox przeładowuje stronę i inicjalizuje DOM nawet z przycisku Wstecz.