Firefox, seçili seçeneği yok sayar = "seçildi"

Bir açılır listeyi değiştirir ve sayfayı yenilerseniz, Firefox seçili özelliği görmezden geliyor gibi görünüyor.

<option selected="selected" value="Test">Test</option>

Aslında daha önce seçmiş olduğunuz seçeneği seçecektir (yenilemeden önce). Açılır menüde tetiklenen ve diğer şeyleri değiştiren bir olay olduğu için bu benim için bir sorun haline geliyor. Firefox'un bu davranışı durdurmasını sağlamanın bir yolu var mı (sayfa yüklendiğinde başka bir olayı tetiklemekten başka)?

AFAIK, bu davranış Firefox'ta sabit kodlanmıştır.

Her form öğesini defaultValuesayfa yüklemesine ayarlamayı deneyebilirsiniz .

autocomplete="off"Her seçilen etikete HTML niteliği ekleyin . (kaynak: https://stackoverflow.com/a/8258154/260080 )

Bu, FireFox'taki ODD davranışını düzeltir.

Firefox'ta, "seçili" özniteliğinin, formun ad özniteliğine sahip olduğu bir formun içine seçimi yerleştirmediğiniz sürece çalışmayacağını fark ettim.

Sadece aynı sorunu yaşadım, inanın bana bu aptal firefox davranışıyla 10 saatten fazla uğraşıyorum, 7 açılır listem var, her biri bir olayı tetikleyecek ve 24 gizli girişi dolduracak, böylece doğru seçeneğin seçildiğini hayal edebilirsiniz. 24 yanlış giriş değeri !!! Nihayet bulduğum çözüm, Javascript'in bu kod satırını ekleyerek formu sıfırlamak:

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

Not: girişler bir veritabanından alınan değerlere sahiptir, bu nedenle formu sıfırlamak herhangi bir değeri boşaltmaz, ancak bir şekilde firefox'a cehennemden seçili = seçilen seçeneğe geri dönmesini söyler!

Sadece Firefox, yenilerken önceki seçiminizi hatırlıyor. Bunun yerine sert bir yenilemeyi deneyin.

Ayrıca, aynı sorun burada: https://stackoverflow.com/a/1505693/1069232

Ayrıca buraya bakın: https://bugzilla.mozilla.org/show_bug.cgi?id=274795

autocompleteSelect input özniteliğini devre dışı bırakmayı deneyin ... bazen tarayıcı selectbu nedenle yoksayar

FF 25.0.1 kullanıyorum

Görmezden geliyor selected=""veselected="selected" .

Ama sadece denersem selectedseçenek seçilir.

Garip (uyumsuz) davranış. selectedHTML5'in geçerli olduğunu ve en kısa biçim olduğunu biliyorum , ancak genellikle iyi biçimlendirilmiş XML'i de doğrulayan bir kod yazıyorum, böylece sonuçlarımı çok katı bir şekilde kontrol etmek için herhangi bir XML doğrulama aracını kullanabilirim (ve veri alışverişi çok kolaydır .. .)

W3C'ye göre, bu değişkenler boole özelliklerinde geçerli olmalıdır:

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

İlkini tercih ediyorum, çünkü neredeyse son (xml uyumlu değil) varyant kadar kısa ama hem XHTML5 hem de HTML5 olarak doğrulamalıyım. Umarım Mozilla bunu düzeltir!

.attr () yerine .prop () kullanın

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' );

.reset()Sayfayı yenilemeden önce formu arayabilirsiniz .

Seçimi form özniteliğine ekleyin ve çalışacaktır.

<!-- will not work in firefox -->
<option selected="selected" value="Test">Test</option>

ve

<!-- this will work in firefox -->
<form>
 <option selected="selected" value="Test">Test</option>
</form>

İsmiyle daha iyi = >>

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

Seçim, seçilen özniteliği alacak

Mozilla'da bir hata olabilir, ancak açılır menüye bir ad vermeyi deneyin.

otomatik tamamlama da benim için çalışmıyordu.

Bu, kullandığım jquery ile yazılmış javscript düzeltmesidir:

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

<option selected="selected" value="Test">Test</option>

Bu durumda bu hem Chrome hem de Firefox için işe yaradı.

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

Ben kullanıyordum .attr()yerine.prop()

Açılır listenin ilk öğesini göstermek için şunu kullanın: ProjectName.ClearSelection();

Tüm tarayıcılarda çalışması için tasarım sayfanıza satırlar ekleyin Ve ayrıca bunu sayfa yüklemesinin arkasındaki koda koyun.

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

Seçimi değiştirirseniz ve sayfayı yenilerseniz, firefox değişikliklerinizi formda geri yükleyecektir, bu nedenle seçimin çalışmadığını düşünüyorsunuz. Yenilemek yerine, bağlantıyı yeni bir sekmede açmayı deneyin.

Bu benim çözümüm:

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;
}

Bunu sadece sayfanın en üstüne koydum (uygun kimlik setiyle) ve benim için çalışıyor. GetElementById'i sayfadaki tüm seçimler üzerinde bir döngü ile değiştirmek, okuyucu için bir alıştırma olarak bırakıyorum;).

Benim için yukarıdaki çözümlerin hiçbiri işe yaramadı. Hiçbiri ayarlanmadıysa seçimi açıkça ayarlamam gerekiyordu:

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

Firefox'un bunu düzeltmesini dilerdim :(

İşteyken, aynı web sayfasında seçim kutusu seçeneğinin Chrome'da düzgün görüntülendiği ancak Firefox'ta görüntülenmediği bir hatayı düzelttim. Yukarıdaki sorunlardan tamamen farklı bir şey olduğu ortaya çıktı, ancak muhtemelen yaşadığınız bir sorun olabilir.

Chrome'da, seçim kutusu yazı tipi rengi siyahtı. Firefox'ta bazı nedenlerden dolayı, seçim kutusu yazı tipi rengini kapsayıcıdan devraldı, bu beyazdı. Bu seçim kutusu yazı tipi rengini siyah olmaya zorlamak için bir CSS kuralı ekledikten sonra, ayarlanan değer düzgün bir şekilde görüntülendi.

Ne autocomplete="off"ya da içine yerleştirerek formbenim için işler.

İşe yarayan , yalnızca şu şekilde "değer" olmadan seçilen özelliği kullanmaktı :

<option @(Model.Source == TermSource.Instagram ? "selected" : "")>
    Instagram
</option>
<option @(Model.Source == TermSource.Facebook ? "selected" : "")>
    Facebook
</option>

yani ya işliyor <option selected>...</option>ya da sadece<option>...</option>