javascript - ID セレクターを使用して非表示の値を表示する

Question

こんにちは、データベースから合計の値を保存している隠し入力があります。これは正常に機能しています。

<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'));
}

しかし、これはオンロードで何も表示しません。修正方法を教えてください。ありがとう

score 1 · Accepted Answer

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

動作しないでしょう

以下を試してください：

function getTotal() {

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

あなたがしていることは、単に要素をリロードすることであり、値を呼び出すのではなく、オブジェクトを呼び出しています。

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();

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();
});

5 に答える 5