從combox和文本輸入字段中將組合框賦值給另一個

Question

我想通過java腳本中的函數將值賦給另一個組合框和文本輸入字段中的另一個組合框。我的函數在控制檯中給出了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的 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

我認爲有與js代碼錯誤的任何一個。

嘗試使用此代碼：

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