Javascript将div A的内容乘以div B并显示在div C中（当div A更改时触发）

我需要的是监听div qty\u a-row的更改，然后将div qty\u a-row的值乘以div price-a-row的值，并将答案放入div sub-total-a-row

这是我试过的

<div id="qty-a-row" contenteditable='true'></div><br>
<div id="price-a-row" contenteditable='true'></div><br>
<div id="sub-total-a-row" contenteditable='true'></div>

对于测试，我在div price-a-row中输入一个值，然后在中输入一个数量，结果应该显示出来，但现在显示出来了

---

JSF添加了

进行div输入并使用value属性， 修复jquery选择器 修复事件绑定语法 除去if条件，我真的不知道那是怎么回事

<input id="qty-a-row" contenteditable="true" value="2" /><br />
<input id="price-a-row" contenteditable="true" value="1.00" /><br />
<div id="sub-total-a-row" contenteditable="true"></div>

$("#qty-a-row, #price-a-row").on('change', function () {
    var x = parseInt(document.getElementById("qty-a-row").value);
    var y = parseInt(document.getElementById("price-a-row").value);
    document.getElementById("sub-total-a-row").innerText = (x * y);
});

---

您正在使用jQuery，但没有将其包含在页面中，这就是为什么您会得到ReferenceError:$未定义 您正在使用类选择器为模糊事件选择div。表示类，表示id div没有值属性，您必须使用textContent来获取数字

var contents=$qty-a-row.html； $qty-a-row.BLUR函数{ 如果内容！=$this.html{ var x=parseIntdocument.getElementByIdqty-a-row.textContent； var y=parseIntdocument.getElementByIdprice-a-row.textContent； document.getElementByIdsub-total-a-row.textContent=x*y； } }; 2. 1

---

如果没有一些相关的html来测试它，很难提供帮助。除了展示你的尝试之外，还有什么正在发生或没有发生？抛出了哪些错误？请注意，乘法运算符是*而不是XT。html只是其中div id是一行数量、一行价格和一行小计，如上所述。为了让这个工作，这就是我所需要的，但一旦工作价格从数据库中获得，将计算一行小计，并且唯一的用户输入将是通过内容可编辑的一行数量。将x x y更改为x*y，目前我得到的错误是未捕获的SyntaxError：字符串文字包含未缩放的换行符。当前代码没有任何错误。该错误与您未共享的某些代码有关。@GirkovArpa添加到OP中，但它们只是div，我得到了未捕获的语法错误：string literal包含未替换的换行符？？RE:jQuery我不知道这一点，我的知识非常有限，实际上我只尝试使用普通javascript。谢谢你提供的关于value vs textContent的信息，我将更新这部分内容，但如果你说我使用Jquery，我想在我弄清楚如何更改为香草javascript之前，我总是会遇到问题？@GlenKeybit我添加了一个没有Jquery的版本