Javascript onclick <option> of <select>不適用於手機

-1

它可以在正常瀏覽器中運行。無法在移動設備上使用。Javascript onclick <option> of <select>不適用於手機

這是我有：

function processAjax(kat,div) 
 
{ 
 
    if(div==1) 
 
    { 
 
     $('#DivCat1').hide('slow', function() {}); 
 
     $('#DivCat2').hide('slow', function() {}); 
 
     $('#DivCat3').hide('slow', function() {}); 
 
     $('#DivCat4').hide('slow', function() {}); 
 
     $('#DivCat5').hide('slow', function() {}); 
 
     $('#DivCat6').hide('slow', function() {}); 
 
     $('#DivCat7').hide('slow', function() {}); 
 
    } 
 
    if(div==2) 
 
    { 
 
     $('#DivCat3').hide('slow', function() {}); 
 
     $('#DivCat4').hide('slow', function() {}); 
 
     $('#DivCat5').hide('slow', function() {}); 
 
     $('#DivCat6').hide('slow', function() {}); 
 
     $('#DivCat7').hide('slow', function() {}); 
 
    } 
 
    if(div==3) 
 
    { 
 
     $('#DivCat4').hide('slow', function() {}); 
 
     $('#DivCat5').hide('slow', function() {}); 
 
     $('#DivCat6').hide('slow', function() {}); 
 
     $('#DivCat7').hide('slow', function() {}); 
 
    } 
 
    if(div==4) 
 
    { 
 
     $('#DivCat5').hide('slow', function() {}); 
 
     $('#DivCat6').hide('slow', function() {}); 
 
     $('#DivCat7').hide('slow', function() {}); 
 
    } 
 
    if(div==5) 
 
    { 
 
     $('#DivCat6').hide('slow', function() {}); 
 
     $('#DivCat7').hide('slow', function() {}); 
 
    } 
 
    if(div==6) 
 
    { 
 
     $('#DivCat7').hide('slow', function() {}); 
 
    } 
 
    if(div==7) 
 
    { 
 
     $('#DivCat8').hide('slow', function() {}); 
 
    } 
 
    $('#DivCat'+div).show('slow', function() {}); 
 
    $('#DivCat'+div).load('katgetir.php?kat='+kat+'&div='+div); 
 

 
    $('#change').animate({scrollLeft : 500},'slow'); 
 
}

<select multiple class="form-control">   
 

 
    <option id="45" onclick="processAjax(45,1)">Kat</option> 
 

 
</select>

來源

2017-10-04 Gökhan ÜSTÜN

onclick也不能在某些桌面瀏覽器的選項中工作....在選擇上使用onchange。 – epascarello

除了這個問題，你應該研究DRY原則。它將大量改善您的代碼。 –

您也可以不需要所有.hide（）和.show（）中的回調函數，只需將.hide（'slow'）即可。除了您可以隨時獲得瀏覽器擴展以模擬移動瀏覽器進行測試，我知道Firefox和Chrome有它們。 – Danimal

-2

您使用onclick，但在移動設備上，你沒有點擊，但改變家長的價值選擇來代替。檢查link，你會發現它也適用於移動設備。

來源

2017-10-04 14:07:45

答案應該說添加onchange事件到你的選擇框，就像上面對問題的評論 –

@GüneySaramalı感謝您修復鏈接到您的演示。你認爲你可以使用StackOverflow的'<！ - begin snippet：...>'功能在你的文章中嵌入它嗎？ –

@Cœur我現在就是這樣乾的=） –

Javascript onclick <option> of <select>不適用於手機

回答

相關問題