使用id选择器显示隐藏值

Question

您好我有一个隐藏的输入，用于保存db的总值。哪个工作正常。

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

然后我尝试使用以下

在总框中显示此值

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

jquery函数gtotal是。

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

但这并没有显示任何onload。请让我知道如何解决它。谢谢

Answer 1

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

无效

尝试以下方法：

function getTotal() {

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

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

Answer 2

您需要获得类似

的值

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

在加载DOM加载时调用此函数，如

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

Answer 3

更改

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

与

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

  

注意功能.val()和行尾<{1}}

和

.value

带

document.getElementById('total').value

  

因为你已经在使用jQuery

这将使您的代码看起来像

$('#total').val()

Answer 4

在<script>代码中调用该函数。

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

getTotal();

演示： Fiddle

Answer 5

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

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

for jQuery

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

for JavaScript

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

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