如何动态填充表

Question

在我的页面中，我有一个列表和一个表， 离。

 <ul>
  <li>Coffee</li>
  <li>Milk</li>
  <li>Tea</li>
  <li>Juice</li>
 </ul>

  <form method="post">
   <table id="drinks">
   </table>
   <input type="submit" value="submit">
  </form>

这些是在同一页面中，我想要做的是当用户选择列表的元素（点击事件）时，该元素应该包含在下表中而不刷新页面。后来我想要使用/ itertate thorugh表项（即表单的使用），因为我对web开发的新手我对此没有很好的理解。任何人都可以帮助我，谢谢

Answer 1

假设您将使用JQuery：

$('ul>li').click(function(){
    $('form').find('table').append('<tr><td>'+this.innerHTML+'</td></tr>');
});