コンボボックスとテキスト入力フィールドから別のコンボボックスに値を割り当てる

Question

私は、1つのコンボボックスとテキスト入力フィールドから別のコンボボックスに値を代入しようとしています。私の関数はコンソールでNaN値を返します。私が間違っているところで私を案内してください。 は、ここでは、コード

 function myCalculatedFunction(){ 
 
     var num1; 
 
     var num2; 
 
     var total; 
 
     num1=document.calcu.cc_package.value; 
 
     num2=document.calcu.cc_unitP.value; 
 
     total=num1*num2; 
 
     document.getElementById("output").text=total; 
 
     } 
 
    

 <form class="center" name="calcu"> 
 
      <fieldset> 
 
      
 
      
 
      <label for="sel1" class="text"> Rental Mining Server- CC Package:</label> 
 
       <select class="form-control styleSelect" id="sel1" name="cc_package" > 
 
       <option>1,000.0000000</option> 
 
       <option>2</option> 
 
       <option>3</option> 
 
       <option>4</option> 
 
       </select> 
 
     \t <br> 
 
      <br> 
 
      <div class="form-group"> 
 
      <label for="CC_UnitPrice" class="text"> Buy- CC Unit Price in USD</label> 
 
      <input type="text" class="form-control" id="CC_UnitPrice" name="cc_unitP" onchange="myCalculatedFunction()"> 
 
     
 
     <label for="CC_PackagePrice" class="text"> \t CC Package Price in :</label> 
 
      <select class="form-control styleSelect" id="CC_PackagePrice"> 
 
      <option id="output"> 0</option> 
 
      <option>2</option> 
 
      <option>3</option> 
 
      <option>4</option> 
 
      </select> 
 
     </div> 
 
      </fieldset> 
 
     </form> 
 
     
 
    

Answer 1

選択1000.0000の値内,を適用する必要はありませんです。

単なる数字で入力してください。 適用：parseInt()文字列を解析します。

そしてfinalyはcalcualtion私はJSコードと間違いがあると思い Math.function

function myCalculatedFunction(){ 
 
     var num1; 
 
     var num2; 
 
     var total; 
 
     num1=document.calcu.cc_package.value; 
 
     num2=document.calcu.cc_unitP.value; 
 
     //total=num1*num2 its also working 
 
     total=Math.abs(parseInt(num1)*parseInt(num2)); 
 
     document.getElementById("output").text=total; 
 
     }

<form class="center" name="calcu"> 
 
      <fieldset> 
 
      
 
      
 
      <label for="sel1" class="text"> Rental Mining Server- CC Package:</label> 
 
       <select class="form-control styleSelect" id="sel1" name="cc_package" > 
 
       <option>1000.0000000</option> 
 
       <option>2</option> 
 
       <option>3</option> 
 
       <option>4</option> 
 
       </select> 
 
     \t <br> 
 
      <br> 
 
      <div class="form-group"> 
 
      <label for="CC_UnitPrice" class="text"> Buy- CC Unit Price in USD</label> 
 
      <input type="text" class="form-control" id="CC_UnitPrice" name="cc_unitP" onchange="myCalculatedFunction()"> 
 
     
 
     <label for="CC_PackagePrice" class="text"> \t CC Package Price in :</label> 
 
      <select class="form-control styleSelect" id="CC_PackagePrice"> 
 
      <option id="output"> 0</option> 
 
      <option>2</option> 
 
      <option>3</option> 
 
      <option>4</option> 
 
      </select> 
 
     </div> 
 
      </fieldset> 
 
     </form>

Answer 2

のいずれかを適用します。

は、このコードを試してみてください。

function myCalculatedFunction(){ var num1; var num2; var total; num1=parseInt(document.calcu[1].value); num2=parseInt(document.calcu[2].value); total=num1*num2; document.getElementById("output").text=total; }