IOS Safari

Question

'da seçim seçeneğini devre dışı bırak Javascript kullanarak belirli bir kutudaki belirli seçenekleri devre dışı bırakması gereken bir form uygulamıyorum. Tüm tarayıcılarda iyi çalışır, ancak IOS'ta Safari'de değil (Masaüstü Safari bunu doğru yapar).

Web'e bakıyorum ama şu ana kadar hiç kimse bu problemi görmemiş görünüyor, bu yüzden bir Safari IOS sınırlaması veya baktığım bir şey olup olmadığından emin değilim. Herhangi bir yardım için

sayesinde Miguel

Answer 1

iOS için geliştirirken devre dışı bırakılmış seçenekleri kaldırmak için başka seçenek yok.

iPhone için resim çok açık: tüm seçim listeleri her koşulda tıklama tekerleği olarak biçimlendirilmiş ve bu tekerlekler devre dışı bırakılmış seçenekleri kabul etmiyor. Bu iPhone Simulator yanı sıra gerçek iPhone'da gösterilir.

iPad için, fotoğraf daha kafa karıştırıcı. IPad simülatörü, engellenmiş seçenekleri grileştirir ve mobil Safari ve masaüstü Safari'nin yaptığı gibi onları gerçekten devre dışı bırakır. Ama bir gerçek iPad (benim durumumda iOS 4.2.1 çalıştıran iPad 1) size tıklama tekerleğini gösterecektir.

Senaryonuz erken böyle bir şey yapmak:

// check for ios device 
nP = navigator.platform;  
if (nP == "iPad" || nP == "iPhone" || nP == "iPod" || nP == "iPhone Simulator" || nP == "iPad Simulator"){ 
    $('select option[disabled]').remove(); 
} 

Answer 2

sen denediniz:

disabled="disabled" 

... opsiyon elemana?

Answer 3

Hile.

optgroup:empty { ... }

Answer 4

bir çözüm buldum ile bu senin için de yararlı olabileceğini

<optgroup label="Label text"></optgroup>

ve tarzı ile

<option value="somevalue">Label text</option>

değiştirin ve öyle değil jQuery ...

gerektirir 0

Sorunum, seçeneklerin dinamik olarak etkinleştirilip devre dışı bırakılmalarıydı; bu nedenle jQuery tarafından kaldırılma seçenekleri, bunların yeniden kullanılmasını engelledi.

Yani benim çözüm böyle innerHTML değiştirmek olan: Eğer engelli boş OPTGROUP için devre dışı seçeneği değiştirirseniz

function swapAvailOpts(A, B) { 
 
    content = document.getElementById(B); 
 
    switch (A) { 
 
    case "X": 
 
     content.innerHTML = '<optgroup label="X"><option>X1</option><option>X2</option></optgroup>'; 
 
     break; 
 
    case "Y": 
 
     content.innerHTML = '<optgroup label="Y"><option>Y1</option><option>Y2</option></optgroup>'; 
 
     break; 
 
    default: 
 
     content.innerHTML = '<optgroup label="Z"><option>Z1</option><option>Z2</option></optgroup>'; 
 
    } 
 
}

<select name="choose" onChange="swapAvailOpts(this.value,'Choices');"> 
 
    <option>X</option> 
 
    <option>Y</option> 
 
    <option>Z</option> 
 
</select> 
 
<select name="Choices" id="Choices"> 
 
    <optgroup label="X"> 
 
    <option>X1</option> 
 
    <option>X2</option> 
 
    </optgroup> 
 
</select>

Answer 5

, herhangi olmadan istenilen sonucu verecek gibi görünüyor ek javascript gerekli. Ben denemedim zamanki

<option disabled></option>