如何显示自动2位数字的最后一个电话号码到第二个文本框

How to display automatic 2 digits the last phone number to second textfield?

本文关键字：电话号码 最后一个 第二个 文本 数字 2位 何显示 显示      更新时间：2023-09-26

如何显示2位数字的最后一个电话号码，当我输入电话号码到第一个文本字段和显示自动到第二个文本字段与AJAX或JavaScript或jQuery ?

我想得到关于我的网站的脚本，像这个视频。

我在谷歌搜索中到处搜索，我只发现了这个JavaScript。

但这不是解决方案。请帮我解决方案，我该怎么做。

哪里可以得到AJAX, JavaScript或jQuery或者这个论坛有解决方案吗?

在您发现的代码中，更改

$('#output').text($('#txt').val());


$('#output').text($('#txt').val().substr(-2));

就是你需要的

或

$('#output').value($('#txt').val().substr(-2));

如果output是<input type="text" >元素

我从http://jsbin.com/oleto5/5/edit?html,js,output和http://jsfiddle.net/AEMLoviji/tABDr/组合了这个脚本

但是代码有一点问题:$('#numbers').val($('#tt').val()+String.fromCharCode(event.keyCode));

如果我删除+String.fromCharCode(event.keyCode));和脚本被替换为.substr(-2));不工作。

如果我使用+String.fromCharCode(event.keyCode));是不完美的，当我删除数字。

的例子:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>berkelilingkesemua.info</title>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" class="jsbin" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js" type="text/javascript" class="jsbin"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.js" type="text/javascript" class="jsbin"></script>
</head>
<body>
<script type="text/javascript">
	$(function(){
	$('#txt').keydown(function(){
	setTimeout(function() {
	$('#output').text($('#txt').val().substr(-2));
	}, 50);
});
});
</script>
<input id="txt" type="text" />
<div id="output"></div>
<hr>
Second script is combined by me from first script becomes like below.
<hr />
<script type="text/javascript">
$(document).ready(function() {
	$("#tt").keydown(function (event) {
	setTimeout(function() {
	}, 50);
	{
	$('#numbers').val($('#tt').val()+String.fromCharCode(event.keyCode));
	}
});
});
</script>
<input type="text" id="tt" />
<input type="text" id="numbers" />
</body>
</html>

相关文章：