JavaScriptのデフォルトのドロップダウン値のテキストボックスは変更されません

Question

私はtxtSubTotalテキストボックス、discountドロップダウン、およびtxtGrossTotalテキストボックスを持っています。 ADDボタンをクリックすると、txtSubTotalテキストボックスが更新されています。 txtGrossTotalドロップダウン値を選択するとテキストボックスが更新されています。しかし、txtSubTotalテキストボックスを更新するときには、同時にtxtGrossTotalテキストボックスをデフォルトのドロップダウン値 "0"に対して更新する必要があります。ここでは、txtGrossTotalはtxtSubTotalの値にする必要があります。

以下は私のコードです。ドロップダウン時のデフォルト値はtxtGrossTotalではありません。 （別のオプションを選択し、再度既定値を選択した後、しかし、それはtxtGrossTotal更新されます。）ダウン

<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> 

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);} 

discountドロップHTML

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

Answer 1

基本的には、「割引」ドロップダウン値と「小計」テキストボックス値を変更することで、同じアクションを実行します。したがって、両方で同じ関数を呼び出す必要があります。

あなたはあなたのコード内で変更の下に行うことでこれを実現することができます

1. 「discountedGrossTotal」機能からパラメータ
2. がdropdownVal =のdocument.getElementById（「割引」のようなあなたの関数内に新しい変数を追加と削除）
3. コール

今、あなたの「txtSubTotal」テキストボックスの変更イベントで同じ機能を.VALUE、この関数が呼び出される場合は、これらのいずれか（textbo xまたはドロップダウン）の値が変更され、それに応じて「総計」の値が更新されます。

Answer 2

[この（尋ねる方法）]（http://stackoverflow.com/help/読み、

 function discountedGrossTotal() { 
 
      var dropdownVal= document.getElementById("discount").options[document.getElementById("discount").selectedIndex].innerHTML; 
 
      subTotal = document.getElementById("txtSubTotal"); 
 
      grossTotal = document.getElementById("txtGrossTotal").value; 
 
      document.getElementById("txtGrossTotal").value = subTotal.value - (subTotal.value * dropdownVal/100); 
 
     } 
 

sub total: <input type="text" id="txtSubTotal" onblur="discountedGrossTotal()" /> 
 
    <br /> 
 

 
    discount: <select class="select" id="discount" name="discount" onchange="discountedGrossTotal();"> 
 
     <option selected>0</option> 
 
     <option value="2">2</option> 
 
     <option value="3">3</option> 
 
     <option value="4">4</option> 
 
    </select> 
 
    <br /> 
 
    <div id="gross_total_div"> 
 
     <input name="txtGrossTotal" type="text" id="txtGrossTotal" size="15" readonly /> 
 
    </div>