Not getting the value from a div in JavaScript

Question

I am trying to calculate amount without VAT from a pre-calculated amount with VAT . The HTML form looks like :

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

And the JavaScript function is :

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

But the alert shows undefined. I tried adding innerHTML,but results same. Please help. Thanks in advance

try to find out the value for idno , it is not coming mostly ... — maxjackie
– maxjackie, Commented Feb 2, 2012 at 6:37

Malk · Accepted Answer · 2012-02-02 07:00:56Z

2

total_costX is a <td> element. Use the textContent property.

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

edited Feb 2, 2012 at 7:00

answered Feb 2, 2012 at 6:40

Malk

12k4 gold badges35 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Nitish Over a year ago

Ya...I put the lines exactly according to you . Still its a NaN !

Malk Over a year ago

remove the parseFloat and see what is alerted.

Nitish Over a year ago

Ya..the value within the id <td id="total_cost{$ind}">

ducktyped · Accepted Answer · 2012-02-02 06:42:22Z

0

There in nothing like value of dive. But you can get text or html inside dive. if you are using jquery, it should be quite simple:

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

Or jQuery's way

$("#vatpc").text(); //OR $("#vatpc").html();

answered Feb 2, 2012 at 6:42

ducktyped

4,5124 gold badges29 silver badges39 bronze badges

Collectives™ on Stack Overflow

Not getting the value from a div in JavaScript

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related