1

私は次のことを試みています。

ドロップダウンの選択に基づいて非表示のリストを表示する機能があります。

こちらにアクセスしてご覧ください。

http://jsfiddle.net/vSyK6/28/

Option1を選択すると、＃List-Option1 Contentのコンテンツが表示され、Option2を選択すると、＃List-Option2のコンテンツが表示されます。

さて、私が達成したいのは、両方のコンテンツが表示されたときです。オプションをもう一度選択すると、オプションが選択された別のリストが追加されます。

基本的に、この順序で進むと、次のようになります。

Option1....次に
Option2....次に

Option1を再度選択すると、次のように表示されます。

Option1コンテンツ
Option2コンテンツ
Option1コンテンツ

Option2を再度選択すると、次のように表示されます。

Option1コンテンツ
Option2コンテンツ
Option1コンテンツ
Option2コンテンツ

現在、リストの最後の行に選択されたアイテムが表示されます。新しいリスト行は追加されません。もちろん、この機能は実装されていません。そのための解決策が必要です:-)

私が理にかなっていることを願っています:)

どんな助けでも大歓迎です

4

2 に答える 2

2

私は次のことを提案します：

$('#List-Option1, #List-Option2').hide();

$('#category').change(function() {
    var str = $('#category').val();
    $('#List-' + str).clone(true, true).attr('id', function(i,v){
        return v.replace(/\d+/,'') + (parseInt($('#box li[id^="List-Option"]').length,10) + 1);
    }).appendTo('#box ul').show();
});​

JSフィドルデモ。

参照：

于 2012-10-13T20:51:49.113 に答える
1

jsfiddleを更新しました。jQueryクローンを使用して新しいオプションコンテンツを作成しています。同じコードを複数回繰り返す場合は、idを使用しないでください。

于 2012-10-13T20:46:50.837 に答える