Question

我必须逐个输入数据，然后点击 ADD BUTTON 数据并添加到其他div中。我正在使用 html ，* css *和 javascrit 。与购物网站相同，即逐个添加产品，它会显示在购物车中。

我是网页设计的新手，请帮助。

Answer 1

HTML：

<a href="#" class="design_button add">Click here to add Product</a>
<div id="this_div_contains_settings"></div>

jquery的：

$(function(){
   var number = 1;
   $('a.add').click(function(e){
      e.preventDefault();
      $('#this_div_contains_settings').append('<div id="settings'+number+'">Product Item.<a href="#" class="design_button">Remove this Product</a></div>');
      number++;
   });
   $('#this_div_contains_settings').on('click','a.design_button', function(e){
      e.preventDefault();
      $(this).parent().remove();
   });
});

Answer 2

这可能是第一个用于学习的演示

<div id="console"></div>
<input id="input" type="text">

<button id="trigger">Click me!</button>

<script>
document.getElementsById("trigger").onclick = function() {
  document.getElementById("console").innnerHTML = document.getElementById("input").value;
}

</script>

如何在其他div中显示输入的数据？

2 个答案: