[英]How to clear a textbox on single press of Backspace key using Javascript?
[英]How to update a textbox on key press using JavaScript
有没有办法在每次按键时更新文本框的值?
我正在进行货币兑换。 因此,有两个文本框,一个用于用户输入值,另一个将在每次按键时自动显示转换后的金额。
我应该使用for循环吗? 但我应该循环什么呢?
以下for循环中的文本框应该能够进行单独的行转换
<% for(int i=0; i<2; i++) { %>
<td><input type="text" id= "amount" name="amount<%=i%>" /></td>
<td><input type="text" id= "convertedAmount" name="convertedAmount<%=i%>" readonly/></td>
<%}%>
我该如何开始尝试这项任务?
在此先感谢任何可能的帮助。
onkeyup
最适合您的任务:
Type amount $: <input type='text' id='amount' onkeyup="updateConverted()" >
<br>
Converted: <input type='text' id='converted' >
JavaScript函数:
function updateConverted() {
var conversionRate = 1.5;
document.getElementById('converted').value =
document.getElementById('amount').value * conversionRate;
}
在这里演示 。
for
循环): 对于for
循环,您可以使用以下jQuery代码(无需更改HTML):
$('input[name=amount]').each(function (_, value) {
$(value).keyup(function () {
var rate = 1.5;
var convAmount = $(this).val() * rate;
$(this).parent().next().children('input[name=convertedAmount]').val(convAmount);
});
});
在这里看演示 。
注意:您的for循环正在生成重复的ID。 如果可能,请避免这种情况,因为它是无效的HTML。
使用jQuery很简单:
<input type="text" name="t1" id="t1" value="" onkeypress="calculation()" />
<input type="text" name="converted" id="converted" value="" />
<script>
function calculation() {
var price = 'here is your formula';
$('#converted').val(price);
}
</script>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.