как добавить список на другой странице 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, это просто «всплывающее окно», добавляемое к DOM; то вы можете легко изменить свой первый список. ;)