0 
<input type="text" class="input-text qty" title="Qty" value="1" maxlength="12" id="qty" name="qty" />
<div id="qtyvalue"><div>

ページに入力テキスト ボックスがあります。次のdivにqtyvalueを出力するためにJavascriptを使用しています。

var qty =document.getElementById('qty').value;
document.getElementById('qtyvalue').innerHTML = qty;

ここで、ユーザーがテキスト ボックスに数値を入力すると、それに応じて qtyvalue の値が変更されるため、ページを更新する必要はありません。コードはどのように変更すればよいですか?

4

3 に答える 3

3

keyupイベント内にラップします。

var input = document.getElementById('qty'); 
input.onkeyup = function() {
    document.getElementById('qtyvalue').innerHTML = input.value;    
}

ただし、他のイベントにも同じアクションを追加することを検討する必要があります: change, paste, input.

作業例はこちら

于 2012-11-18T10:34:38.173 に答える
0 
<input type="text" onchange="javascript:callMeOnChange()" class="input-text qty" title="Qty" value="1" maxlength="12" id="qty" name="qty" />
<div id="qtyvalue"><div>
<script>
function callMeOnChange()
{
$('#qtyvalue').value=$('#qty').val();
}
</script>
于 2012-11-18T13:17:58.890 に答える