第一个输入框中 输入 test，第二个输入框中自动出现 test.baibu.com

在js 方面，我总是欠缺的。知识有待 学习。

朋友替的问题（）

有两个文本框，我想在第一个文本框中输入 test 的时候，第二个文本框会根据第一个文本框中的内容生成 test.baidu.com ,,,如果我输入的是
test2 ，第二个文本框的内容自动生成 test2.baidu.com 。怎么实现啊？

解答：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="../js/lhgdialog/jquery-1.7.1.min.js"></script>
</head>

<body>
<input type="text" id='one'/>
<input type="text" id="two" />
</body>
<script>
$(function(){            
        $("#one").keyup(function(){
            $("#two").val($("#one").val()+".baidu.com");                    
        })                    
})
</script>
</html>

jQuery  中 用 .change() 也可以。但是，在你输入完成之后，点击第二个输入框的时候，会出现结果。

<script>
$(function(){            
        $("#one").change(function(){
            $("#two").val($("#one").val()+".baidu.com");                    
        })                    
})
</script>

 

posted @ 2014-04-30 10:10  小小——开心  阅读(363)  评论(0)  编辑  收藏  举报