JavaScript의 div에서 값을 가져 오지 못했습니다.

Question

VAT없이 미리 계산 된 금액에서 VAT없이 금액을 계산하려고합니다. HTML 양식은 다음과 같습니다

<table> 
     <tr> 
      <th>Sl No</th> 
      <th>Description of goods</th> 
      <th>Price</th> 
      <th>VAT%</th> 
      <th>Price with VAT</th> 
      <th>Quantity</th> 
      <th>Amount</th> 
     </tr> 

    {foreach name = feach item = k from = $ip key = ind} 
     <tr> 
      <td>{$ind+1}</td> 
      <td>{$k->brand},{$k->model}</td> 
      <td id="prd_prc">&nbsp;</td> 
      <td id="vat{$ind}"> 
       <select name="vatpc" id="vatpc" onchange="calculate('{$ind}')"> 
        <option value="5">5</option> 
        <option value="13.5">13.5</option> 
       </select> 
      </td> 
      <td id="total_cost{$ind}">{$k->price}</td> 
      <td>{$k->quantity}</td> 
      <td>{$k->total_cost}</td> 
     </tr> 
    {/foreach} 
     <tr> 
      <td>&nbsp;</td> 
      <td>&nbsp;</td> 
      <td>&nbsp;</td> 
      <td>Total Cost </td> 
      <td>{$final_amount}</td> 
     </tr> 
    </table> 

그리고 자바 스크립트의 기능은 다음과 같습니다

function calculate(idno) 
{ 
    //alert(idno); 
    var vat_pc = document.getElementById("vatpc").value; 


    var total_cost = document.getElementById("total_cost"+idno).value; 

    //total_cost = Number(total_cost); 
    alert(total_cost); 

    //vat_pc = parseFloat(vat_pc); 
    // = v + 2.10 + 11.25; 
    //alert(v); 
    // document.getElementById("total").innerHTML = "Total - amount : "+v+" USD"; 
} 

을하지만 경고가 undefined을 보여줍니다. 나는 innerHTML을 추가하려했지만 결과는 동일합니다. 도와주세요. 미리 감사드립니다.

Answer 1

total_costX는 <td>입니다. textContent 속성을 사용하십시오.

var total_cost = document.getElementById("total_cost"+idno).textContent; 

Answer 2

다이빙의 가치와는 아무런 관련이 없습니다. 그러나 다이브 안에서 텍스트 또는 HTML을 얻을 수 있습니다. .

$ ("#의 vatpc") 텍스트()

$(document.getElementById("vatpc")).text(); 
//OR 
$(document.getElementById("vatpc")).html(); 

또는 jQuery의 방법; 당신이 jQuery를 사용하는 경우, 그것은 아주 간단해야 // OR $ ("# vatpc") .html();