0

ブートストラップの複数の selectpicker -> http://silviomoreto.github.io/bootstrap-select/からオプションを選択しようとすると、いくつかの問題があります。

ここに画像の説明を入力

例のように、Android 4.1.2 ネイティブ ブラウザ(Chrome ではなく、実際にはシステムにプリインストールされているブラウザ)で「Ketchup」をクリックすると、項目は例のようにフォーカスされるだけで、実際には選択されません (項目がデータベースに選択内容を保存する Ajax リクエストにバインドされており、ページをリロードすると、再選択されたオプションでドロップダウンが作成されるため、私はそれを知っています)。とにかく、それはあるべきです：

ここに画像の説明を入力

このスクリーンショットのように、Chrome から取得しました。今ここに私が使用するコードがあります：

JS (jQuery):

$('.selectpicker').selectpicker({});
$('body').on('change','.autoupdate',function() {
        var data =  $(this).attr('name') + '=' + encodeURIComponentQuote($(this).val());
        $.ajax({
            url: "script.php?action=update",
            type: "POST",
            data: data,
            cache: false,
            success: function(json) {
                if (json.err!=""){
                }
            }
        });

        return false;
    });

HTML:

<select class="selectpicker autoupdate" name="multisel" multiple data-selected-text-format="count > 3">
    <?php fillSelect($data, $selectedIds); // $data and $selectedIds recovered from DB and echoed using a PHP function ?>
</select>

私の問題は、Android のネイティブ ブラウザでは動作しないことです。Chrome では問題なく動作するため、問題は純粋にクライアントに関連していると思います。

Android のネイティブ ブラウザについて、4.4 バージョンから Android のデフォルト ブラウザではないこと以外に知っておくべきことはありますか? (とにかく、下位互換性のためにこの機能を動作させる必要があります)。

どうすればそれを機能させることができますか？

4

1 に答える 1