0

次のように、さまざまなアクションを呼び出すドロップリスト リストがあります。

$('#Select').change(function () {
            var n = $(this).val();
            switch (n) {
                case '1':
                    // Action
                    break;
                case '2':
                    //Action
                    break;
                case '3':
                    //Action
                    break
            }
        });

私が達成できるようにしたいのは、ユーザーがドロップダウン ボックスで別のオプションを選択するたびに、結果の div に挿入されたコンテンツをクリアすることです。

ドロップダウン選択の結果として呼び出されるすべてのコンテンツが表示されるコンテナがあります。これをページがロードされたときの元の状態に戻したいと思います。私が試してみました：

var divClone = $('#Everything').clone();
        $('#Select').change(function () {
            $('#Everything').replaceWith(divClone);
            var n = $(this).val();
            switch (n) {
                case '1':
                    // Action
                    break;
                case '2':
                    // Action
                    break;
                case '3':
                    // Action
                    break;
                case 'Select a Call Type':

                    break
            }
        });

しかし運がない。

助言がありますか？

前もって感謝します。

4

1 に答える 1

2

#Everythingそれ自体のクローンに置き換えているため、変更は見られません。正味の効果は変化なしです。

代わりに、html関数を使用して#Everythingdivの内容を設定できます。

var everything = $('#Everything');
$('#Select').change(function () {
    var n = $(this).val();
    switch (n) {
        case '1':
            everything.html("Hello from 1");
            break;
        case '2':
            everything.html("Hello from 2");
            break;
        case '3':
            everything.html("Hello from 3");
            break
    }
});

働くフィドル

于 2013-06-17T19:15:16.847 に答える