document.getElementById在JS中不起作用

Question

I have a table :

<tr>

    <td><input type="text" name="remaining_quantity" id="remaining_quantity" value="<?php if(isset($quantity)) echo $quantity; ?>"/></td>

    <td><input type="text" name="remaining_price" id="remaining_price" value="<?php if(isset($price)) echo $price; ?>" /></td>

    <input type="button" class="check fr ml" value="Check" id="check_equation" onclick="get_full_status()" />

</tr>

I want to find the value to input field so,

function get_full_status(){
    var remaining_quantity = document.getElementById('remaining_quantity').value;
    var remaining_price = document.getElementById('remaining_price').value;
    alert(remaining_quantity);alert(remaining_price);
}

I don't get actual value. If u don't understand question ask me.

Answer 1

I checked the samething on jsfiddle and it is working fine. https://jsfiddle.net/b13gtff0/

function get_full_status(){
            var remaining_quantity = document.getElementById('remaining_quantity').value;
            var remaining_price = document.getElementById('remaining_price').value;
            alert(remaining_quantity);alert(remaining_price);
}

I feel like here the issue could be server is not returning any value. Or may be some php syntax issues. My suggestion would be can you please check the response which is returned from server.

Also are you seeing any exceptions when you click on button in console.