<option>の<select>モバイルで動作していません

-1

通常のブラウザで動作します。モバイルでは動作しません。ここで<option>の<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は一部のデスクトップブラウザのオプションでも機能しません.... select 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私は今日そのようにしています=） –

<option>の<select>モバイルで動作していません

答えて

関連する問題