<select> sadece seçili seçeneğin ilk char gösterir

SORU

6 Mayıs 2011, Cuma

<select> sadece seçili seçeneğin ilk char gösterir

Seçenekleri ekleyerek jquery kullanarak doldurma ben standart bir seçim kutusu var, ama bazı nedenlerden dolayı Internet Explorer 9 sadece seçili seçenek ilk karakteri gösterir. Gereksiz mükemmel FireFox ve Chrome de işe yarar, ama ben 9 desteği var. Internet Explorer 9 uyumluluk modlarını denedim, ama fark etmezdi, ne de seçin veya seçeneği şekillendirme yapar.

Herkes bu sorunu daha önce gören oldu. Peki buna ne sebep oldu? Nasıl tamir ettin?

Example of problem in IE9

Basitleştirilmiş kod örneği:

<select id="selectCCY" ValueColumn="ccyID" DisplayColumn="ccySymbol" ></select>



$.each(res.result, function (key, value) {  
    $('#selectCCY').append('<option value="'   value[$('#selectCCY').attr('ValueColumn')]  '">'   value[$('#selectCCY').attr('DisplayColumn')]   '</option>');
});

res.neden böyle basit bir json dizi

[{"ccyID":1,"ccySymbol":"GBP"},{"ccyID":2,"ccySymbol":"AUD"},{"ccyID":3,"ccySymbol":"USD"}]

OH KAHRETSİN!!! basitleştirilmiş benim örnekte gayet iyi çalışıyor, sorun başka bir yerde. Özür dilerim. Orijinal kodu uzun ve karmaşık için buraya yapıştırmak için, ama cevabını bulduğum zaman haber verir.

bir süre sonra....

TAMAM, sorun(seçici) bir $içinde bir ajax çağrısı aldım.() her döngü. Döngü tüm seçim kutularının içinden geçiyor ve asyncronously seçenekleri doldurur. Eğer syncronous bir görüşme yaparsam, seçin kutuları bir zaman uyumsuz onun seçme kutuları sadece görüntü olarak ilk char Haritayı ararsanız doğru genişlik ve doğru olarak gösteriyor, ancak. hala bunun üzerinde çalışıyor, tekrar geri alacak.

Ben hala yanlış görüntülemek için bir seçim kutusu neden olacağını bilmek istiyorum. Geçici çözümler ve düzgün görünüyor, ama bu sorunun cevabı değil. Bu seçenek ile sadece bir seç, her zaman, doğru çalışması gerekir?

sorunu görmezden gelerek bir hafta sonundan sonra....

Doğru bir çözüm buldum. Yapmadan önce ajax çağrı doldurmak için onay kutusunu ben ilk seti css display özelliği için 'yok', sonra doldurulur ve son olarak ne zaman ajax arama ve nüfus tam sadece Kaldır css display 'yok' özelliği.

Ben hala YANİ benim gibi değil, ama en azından bir çözüm var neden bilmiyorum.

CEVAP

12 Temmuz 2011, Salı

Benim durumumda, ajax isteği yangınlar önce seçin saklayacak bir olay kanca yoktu, bir olaydan sonra Seçin öğesinin yeniden zorlamak zorunda kaldım. Yeniden uygulama mevcut genişliği iş gibi görünüyor: