Javascript JQuery—尝试查看从一个输入到另一个输入的更改

我有一个输入，它的值是一系列选择选项的总和。从那里我设置了另一个输入，它查看第一个输入的值，并假设在第一个输入更改时更新（计划对其进行更多操作，但无法通过此步骤）。不幸的是，第二个是没有更新的变化

示例HTML：

<select name="product-attr-os">
    <option data-selected="house" value="10">Made in House</option>
    <option data-selected="license" value="
            15">Licensed Software</option>
    <option data-selected="open" value="20">Open Source</option>
</select>
<br>
<select name="product-attr-network">
    <option data-selected="3g" value="40">3G</option>
    <option data-selected="4g" value="
                45">4G/LTE</option>
    <option data-selected="5g" value="50">5G</option>
</select>
<p>Attr Total Cost</p>
<input type="text" class="product-attr-totalCost" name="product-attr-totalCost" readonly />
<p>Standard Cost</p>
<input type="text" class="product-standardCost" name="product-standardCost" readonly />

---

如果要在两个输入字段中显示相同的值，请使用多个选择器将两个字段的选择器作为输出传递

productAttrTotal('select', '.product-attr-totalCost, .product-standardCost', ':selected');

演示：

还要注意，在页面加载时仅为一个select元素触发change事件

$(inputs).first().trigger('change');

---

那么

productAttrTotal('select', '.product-attr-totalCost', ':selected');

然后，一旦使用脚本更改了update的值，就会触发更改事件

$(inputs).first().trigger('change');

---

演示：

您希望我目前所做的两个领域的价格相同吗。我将在第二个函数“productTotalCost”中添加一些东西，这会提高价格，但我首先需要确保它至少满足此要求。很抱歉，有一些我不清楚的地方。我希望第二个输入取第一个输入的值。接下来，我将向第二个函数添加额外的代码，这将允许我将它增加一个额外的值。我的第一个目标是确保他们模仿。

$(inputs).first().trigger('change');