javascript - Displaying hidden value using id selector

Question

Hi I have an hidden input that is saving the value for total from db. Which is working fine.

<td><input type="hidden" id="total" class="total" value='{{=total}}' /></td>

Then I am trying to display this value in a total box by using following

<td>$<input type="text" name="sum"  readyonly id="gtotal" onload="getTotal()" value="" /></td>

The jquery function gtotal is .

function getTotal() {
    $("#gtotal").load(document.getElementById('total'));
}

But this doesnt display anything onload. Please let me know how to fix it. Thanks

score 1 · Accepted Answer

$("#gtotal").load(document.getElementById('total'));

不管用

尝试以下操作：

function getTotal() {

        $("#gtotal").val($('#total').val());
    }

您所做的只是重新加载元素，而不是调用值，而是调用对象。

score 0 · Accepted Answer

您无需使用负载...此代码块无法为您获得价值

  function getTotal() {
   $("#gtotal").load(document.getElementById('total'));
}

对于 jQuery

 function getTotal() {
$("#gtotal").val($('#total').val());
}

对于 JavaScript

function getTotal() {
   document.getElementById("gtotal").value=document.getElementById('total').value;
}

确保两个输入字段都应该在同一页面上

score 0 · Accepted Answer

你需要得到像

function getTotal() {
    $("#gtotal").val($('#total').val());
}

并在负载的负载上调用此函数，DOM例如

$(document).ready(function(){
   getTotal();
});

score 0 · Accepted Answer

改变

$("#gtotal").load(document.getElementById('total'));

和

$("#gtotal").val(document.getElementById('total').value);

注意函数.val()和.value行尾的

和

document.getElementById('total').value

和

$('#total').val()

由于您已经在使用 jQuery

这将使您的代码看起来像

$("#gtotal").val($('#total').val());

score 0 · Accepted Answer

调用<script>标签中的函数。

function getTotal() {
    $("#gtotal").val($('#total').val());
}

getTotal();

演示：小提琴

5 回答 5