1

我正在尝试以下。

我有根据下拉选择显示隐藏列表的功能。

请访问此处查看：

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

我要做的是选择option1时，它将显示＃list-option1内容的内容，如果选择了选项2，它将显示内容＃list-option2。

现在，我想要完成的是当显示两个内容时，如果您再次选择选项，它应该添加另一个列表并选择该选项。

基本上，如果我们按照这个顺序：

选项1....然后
选项2....然后

我们再次选择 Option1，它应该像这样显示

选项 1 内容
选项 2 内容
选项 1 内容

如果我们再次选择 Option2，它应该显示如下：

选项 1 内容
选项 2 内容
选项 1 内容
选项 2 内容

现在它会在列表的最后一行显示所选项目。它不会添加新的列表行。这个功能当然没有实现。我需要解决方案:-)

希望我有意义:)

任何帮助表示赞赏

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 回答