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