javascript中默认下拉值的文本框不变

Question

我有一个txtsubtotal文本框、一个discount下拉框和一个txtgrosstotal文本框。单击添加按钮时，txtsubtotal文本框正在更新。选择下拉值时，txtgrosstotal文本框正在更新。但是，在更新txtsubtotal文本框时，应同时更新txtgrosstotal文本框的默认下拉值，即“0”。这里，txtgrosstotal应该是txtsubtotal的值。

下面是我的代码，它不显示txtgrosstotal时，下拉有它的默认值。（但是，在选择另一个选项并再次选择默认值后，它将更新txtgrosstotal。）

function discountedGrossTotal(dropdownVal){
var discountOption = document.getElementById("discount"),
subTotal = document.getElementById("txtSubTotal"),
grossTotal = document.getElementById("txtGrossTotal").value;

grossTotal.value = subTotal.value - (subTotal.value * dropdownVal/100);}

折扣下拉

<select class="select" id="discount" name="discount" onchange="discountedGrossTotal(this.value);">
<option selected>0</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>

txtgrosstotalHTML

 <div id="gross_total_div">
 <input name="txtGrossTotal" type="text" id="txtGrossTotal" size="15" readonly/>
 </div>

Answer 1

基本上，您希望通过更改“折扣”下拉列表值和“小计”文本框值来执行相同的操作。因此，您必须对这两个函数调用相同的函数。

您可以通过在代码中进行以下修改来实现这一点：

1. 从“discountedgrosstotal”函数中删除参数
2. 在函数中添加一个新变量，如dropdownVal=document.getElementById（“discount”）.value
3. 对“txtsubtotal”文本框的更改事件调用相同的函数