iphoneでjquery focus関数が動作しません

Question

ドロップダウンからオプションをクリックすると、テキストボックスにスクロールする必要があります。この問題を解決するために、すべてのアンドロイドデバイスでうまく動作しているjqueryのフォーカス機能を使用しています。デスクトップiOSでもiphone 6では動作していません。

ドロップダウンHTML：

<select data-val="true" data-val-required="X Field is required." id="bnkdtls-mthd1" name="FinancialInformation.PreferredUsdAccount" onchange="validateusd();" aria-required="true" aria-describedby="bnkdtls-mthd1-error" class="valid" aria-invalid="false"><option value="">CHOOSE A METHOD</option> 
    <option value="2">USD Wire Transfer</option> 
    <option value="3">USD Check to Address</option> 
</select> 

jqueryの

$("#bankdtls").on('change', '#bnkdtls-mthd1', function() { 
    if ($(this).val() == "") { 
     DisableUSDSection(); 
     DisablePrizeMoneySection(); 
    } 
    if ($(this).val() == "2") { 
     //DisablePrizeMoneySection(); 
     EnableUSDSection(); 
     $(".usdbnknm input").focus(); 
    } 
    if ($(this).val() == "3") { 
     DisableUSDSection(); 
     $(".przemnymladrs input").focus() 
    } 

}); 

変更イベントのターゲットtextbotのHTML：

<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 textbox1 paddinglftryt0 usdbnknm"> 
    <input class="textbox-input1 valid" id="FinancialInformation_UsdBankName" name="FinancialInformation.UsdBankName" onkeyup="validateUSDBankName();" type="text" value="bank" aria-invalid="false"> 
    <div class="valdtnerror-message" id="USDBankNamevaldtnID" style="display: none;">This field cannot be blank</div> 
    <div class="valdtnerror-message" id="USDBankNamelenvaldtnID" style="display: none;">Bank Name cannot be more than 45 characters</div> 
</div> 

Answer 1

はこのSafariですか？

テキスト入力に「集中する」という点では、iOSがデフォルトでこの動作をブロックしていることはかなり確かです。手動で入力をタップしなければならない場合は、キーボードの左上にあるup/downの矢印をクリックしてフォームをナビゲートします。

しかし、入力は、画面上の別の場所にある場合、あなたは正しい「エリア」に画面をナビゲートすることができ、それは次のようにあります

//scroll to the 'top' position (minus 30 for a bit of padding) 
// of a given input over 1s 
$("html, body").animate({ 
    scrollTop: $(".przemnymladrs input").offset().top-30 
}, 1000);