combox 및 텍스트 입력 필드에서 다른 콤보 상자에 값 지정

Question

자바 스크립트의 함수를 통해 하나의 콤보 박스 및 텍스트 입력 필드에서 다른 콤보 박스에 값을 할당하려고합니다. 내 함수는 콘솔에서 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() 문자열을 구문 분석합니다.

그리고 마침내는 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; }