如何将最后一个电话号码自动2位显示到第二个文本字段?

时间:2015-07-26 06:09:25

标签: javascript jquery ajax

当我将电话号码输入到第一个文本字段并使用AJAX或JavaScript或jQuery自动显示到第二个文本字段时,如何显示最后一个电话号码的2位数字?

我想为我的网站this video获取相关脚本。

我已经在谷歌搜索的各个地方搜索过,我只找到了 this JavaScript

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

我可以在这个论坛上获得AJAX或JavaScript或jQuery,或者在这个论坛中有解决方案吗?

2 个答案:

答案 0 :(得分:0)

在您找到的代码中,更改

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

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

将是您需要的

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

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

答案 1 :(得分:-3)

我已合并来自http://jsbin.com/oleto5/5/edit?html,js,outputhttp://jsfiddle.net/AEMLoviji/tABDr/

的此脚本

但代码中存在一些问题:$('#numbers').val($('#tt').val()+String.fromCharCode(event.keyCode));

如果我删除+String.fromCharCode(event.keyCode));并将脚本替换为.substr(-2));则无效。

当我删除数字时,如果我使用+String.fromCharCode(event.keyCode));并不完美。

示例:

&#13;
&#13;
<!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>
&#13;
&#13;
&#13;

是否有关于此脚本的解决方案?。