IEでJQueryを使用してカスケードドロップダウンを設定するにはどうすればよいですか?-jsチュートリアル-php.cn

IEでJQueryを使用してカスケードドロップダウンを設定するにはどうすればよいですか?

Mary-Kate Olsen

リリース： 2024-10-28 16:52:02

オリジナル

534 人が閲覧しました

How to Populate a Cascading Dropdown with JQuery in IE?

JQuery を使用したカスケードドロップダウンの設定

問題:

よりインタラクティブなユーザーエクスペリエンスを作成するには、次のことが必要です。親ドロップダウンでの選択に基づいて、ドロップダウンにオプションを動的に入力します。 JavaScript を使用してこれを実行しようとしましたが、IE で互換性の問題に直面しています。

解決策:

互換性を強化し、実装を簡素化するために、変換しましょうJavaScript コードを JQuery に変換します。 JQuery を使用してカスケードドロップダウンを実現する方法は次のとおりです。

<code class="javascript">jQuery(function($) {
    var locations = {
        'Germany': ['Duesseldorf', 'Leinfelden-Echterdingen', 'Eschborn'],
        'Spain': ['Barcelona'],
        'Hungary': ['Pecs'],
        'USA': ['Downers Grove'],
        'Mexico': ['Puebla'],
        'South Africa': ['Midrand'],
        'China': ['Beijing'],
        'Russia': ['St. Petersburg'],
    }

    var $locations = $('#location');
    $('#country').change(function () {
        var country = $(this).val(), lcns = locations[country] || [];

        var html = $.map(lcns, function(lcn){
            return '<option value="' + lcn + '">' + lcn + '</option>'
        }).join('');
        $locations.html(html)
    });
});</code>

ログイン後にコピー

説明: