Javascript 如何将列表附加到另一个html页面上

我的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>

$（'#添加'）。单击（函数（）{
var text=$（'#input'）.val（）；
if（text.length）{
$（'ul.list group'）。追加（'li class=“list group item”>'+文本+''）；
}
});

---

如何编辑它，使其将列表附加到原始页面上？

您使用哪种类型的弹出窗口？对于一个经典的弹出窗口（即“新页面”），你不能用Javascript实现这一点，因为它需要服务器端处理（Javascript只用于客户端，因此只能使用当前页面DOM）

---

但是，您可以使用类似的东西，这只是DOM的“弹出式”附加；然后，您可以轻松地修改第一个列表。；）

您说要将列表附加到

弹出窗口

和

不同页面

。这些是非常不同的事情。你能解释清楚你的意思吗？这些是jQuery手机页面吗？主页中的页面？一点也不清楚你想要什么我的html页面有一个人名列表，底部有一个按钮，上面写着“添加新”。单击此按钮，将打开一个弹出页面。此页面具有收集新名称的表单。我想将此名称添加到原始列表中！这有意义吗？如果您不使用服务器端会话，请使用cookies。通常，当表单提交时，值存储在会话中，在重新加载页面上，您可以访问存储在会话中的值，与cookie相同。但是如果你没有重新加载原始页面，那么就不用弹出对话框（模态）了。我刚刚用了一个经典的弹出窗口，但是引导窗口看起来不错。你能给我一些如何使用它的建议吗？模态后面的代码和我的第一个列表在同一个html页面上吗；阅读我在答案中链接的页面，它解释得很好；）这是很好的解释，在评论之前有点跳枪！我似乎无法理解javascript——我已经获取了示例代码并应用了bootstrap.min css，但是当我单击按钮时，没有弹出任何内容？您是否也添加了bootstrap javascript？；）是的，我刚发现我必须这么做，谢谢你的帮助：-）