JavaScript数学运算并实时输入文本字段

我对JS有点陌生

我尝试取3个文本字段，将它们相加，然后将它们的值乘以一个包含百分比的下拉字段。完成后，我希望它用一个值填充最终文本字段

到目前为止，我甚至无法在最后一个字段中显示文本，更不用说将其添加到一起了。如果有人能帮我指出正确的方向，我将不胜感激

Our Buying Cost:
<input id="buying_cost" name="buying_cost" type="text" />
<br/>Our Shipping Cost:
<input id="shipping_cost" name="shipping_cost" type="text" />
<br/>Our Tax Cost:
<input id="tax_cost" name="tax_cost" type="text" />
<br/>Our Markup:
<select id="markup" name="markup" value="">
    <option value="0">0%</option>
    <option value="10">10%</option>
    <option value="20">20%</option>
    <option value="30">30%</option>
    <option value="40">40%</option>
    <option value="50">50%</option>
    <option value="60">60%</option>
    <option value="70">70%</option>
    <option value="80">80%</option>
    <option value="90">90%</option>
    <option value="100">100%</option>
</select>
<br/>
<p>New Selling Price:</p>
<input type="text" id="new_sell_price" name="new_sell_price" value="">





$("#buying_cost,#shipping_cost,#tax_cost,#markup).change(function () 
{
    var addressArray = [$("#buying_cost").val(), $("#shipping_cost").val(), $("#tax_cost").val(), $("#markup").val()];
    $("#new_sell_price").text(addressArray.join(' '));//<--I would like this to be adding all the values
}

);

我们的购买成本：

我们的运输成本：

我们的税收成本：

我们的标记：
0%
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%


新售价：

$（“#购买成本，#运输成本，#税务成本，#加价）。更改（函数（）
{
var addressArray=[$（“#购买成本”）.val（），$（“#运输成本”）.val（），$（“#税务成本”）.val（），$（“#加价”）.val（）；
$（“#新#售价”）.text（addressArray.join（“”））/这里有一个简单明了的解决方案：

但请注意，如果您不真正了解此代码的具体功能，则不应复制粘贴此代码！

首先，注册事件：

// I recommend jQuery.on(...) on the document
$(document).on('input', 'input', calculate);
$(document).on('change', 'select,input', calculate);
// use the 'input' event for a live update
// and the 'change' value for a secure update

（您可以使用元素的jQuery选择器替换“input”和“select，input”，如果需要，请阅读）

在下一步中，使用所有值填充数组：

var values = [
    $("#buying_cost").val(), 
    $("#shipping_cost").val(), 
    $("#tax_cost").val(), 
    $("#markup").val()
];

现在可以添加数组中的所有值：

var total = eval( values.join('+') );
// the eval function calculates the given string (generated by the join function)

在最后一步中，设置计算值：

$("#new_sell_price").val(total);
// use 'val(...)' and not 'text(...)' because you want to set the value and not the text!

您缺少了一个“before”）.change（函数（）“您能再详细说明一下吗，我不确定从哪里开始？您有一个输入错误。change
#markup）。change（
到
#markup”）.change（
你真的应该随时打开你的javascript控制台，并在寻求帮助之前检查你遇到的每一个问题。你上面的代码会给你一个错误，你应该能够跟踪它。谢谢你的工作做得很好！它将值强制输入到文本字段中，而不是放在文本字段中，并允许我进行编辑。）关闭它。有没有关于如何在最后一个文本字段中将其删除的想法？将选择器事件（在on事件中）更改为可编辑选择器，或者尝试以下操作：