<input type="text" class="input-text qty" title="Qty" value="1" maxlength="12" id="qty" name="qty" />
<div id="qtyvalue"><div>
页面上有一个输入文本框。我正在使用Javascript将qtyvalue输出到以下div。
var qty =document.getElementById('qty').value;
document.getElementById('qtyvalue').innerHTML = qty;
现在,如果用户在文本框中输入数字,qtyvalue的值将相应更改,我不需要刷新页面。我该如何更改代码?
答案 0 :(得分:2)
将其包裹在keyup
事件中:
var input = document.getElementById('qty');
input.onkeyup = function() {
document.getElementById('qtyvalue').innerHTML = input.value;
}
但您还应考虑在其他活动中添加相同的操作:change
,paste
,input
。
工作示例here
答案 1 :(得分: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>
答案 2 :(得分:0)
更改输入字段内容更改时的按钮状态
<script type="text/javascript">
$('#submit').attr('disabled',true);//
$('#captchaStatusTrue').attr('hidden',true);//
$('#captchaStatusFalse').removeAttr('hidden');//
document.getElementById("status").onchange = function(){
var status = document.getElementById("status").value;
var falses = "false";
if(status == falses){//
$('#submit').attr('disabled',true);//
$('#captchaStatusTrue').attr('hidden',true);//
$('#captchaStatusFalse').removeAttr('hidden');//
}
else{//
$('#submit').removeAttr('disabled');//
$('#captchaStatusFalse').attr('hidden',true);//
$('#captchaStatusTrue').removeAttr('hidden');//
}//
};//
</script>