如何在另一个页面html上附加一个列表

Question

我的html页面有一个人名列表，底部有一个按钮，上面写着“添加新内容”。单击此按钮，将打开一个弹出页面。此页面包含一个用于收集新名称的表单。我想将此名称添加到原始列表中。这是我的javascript，可以完美地将列表附加到与文本框相同的页面上：

<script>
    $('#add').click(function(){
        var text = $('#input').val();
        if (text.length){        
            $('ul.list-group').append('<li class="list-group-item">' +text+'</li>');
        }
    });
</script>

如何编辑它以便将列表附加到原始页面上？

Answer 1

你使用什么类型的弹出窗口？使用经典弹出窗口（即“新页面”），您无法使用Javascript执行此操作，因为它需要服务器端处理（Javascript仅适用于客户端，因此只能使用当前页面DOM）

但是，你可以使用像Bootstrap Modal这样的东西，它只是一个“popup-like”附加到DOM;然后你可以轻松修改你的第一个列表。 ;）