按班级

Question

我有一个显示报价表格结果的div。如果用户立即更改表单值，结果会更改。我想显示或复制该div的相同结果到另一个div或更像div的“第二个版本”。我知道下面的代码将起作用。

$("div1").clone().appendTo("div2");

但它仅适用于第一次页面加载。之后，它不会使用div1结果更改结果。

有没有人暗示该怎么做？ 非常感谢提前！

Answer 1

在表单上的html中使用onchange事件。然后从它调用你的代码有点像：

onchange="$('div1').clone().appendTo('div2');"

或

onchange="someJSfuncion();"

也不要忘记删除旧副本。更多的信息： https://www.w3schools.com/jsref/event_onchange.asp

Answer 2

您需要在表单更改时设置事件处理程序，然后将输出复制到其他div。例如：

#!/usr/bin/env python
from matplotlib import pyplot as plt

sizes = [1400, 1600, 1700, 1875, 1100, 1550, 2350, 2450, 1425, 1700]
prices = [245, 312, 279, 308, 199, 219, 405, 324, 319, 255]

plt.xlim([1000, 2500])
plt.ylim([0, 500])
plt.xlabel("sizes")
plt.ylabel("prices")

plt.scatter(sizes, prices)
plt.show()

// Original js
(function() {
  $('.inp_name').on('change', function() {
    $('.original-output .name_text').text($(this).val());
  });
})();

// Your js
(function() {
  var version = 0;
  $('.inp_name').on('change', function() {
    version++;
    // Don't use clone as your events starts working in cloned code also which you don't expect
    //$('.original-output').clone().appendTo('.copied-output');
    $('.copied-output').append($('.original-output').html());
    $('.copied-output').append(`<div>Version: ${version}</div>`);
  });
})();