自动填充文本输入框Javascript特效代码
昨日做了个搜索特定网站关键字免费工具,主体功能是以Javascript代码实现的,其中重要的一段代码就是自动将前后文本输入框中输入的文本添加至第三个文本框.当然,作者在制作这款工具时已经把第三个文本框隐藏了,其中有段代码是<input id=”t2″ name=q type=”hidden”>这一段代码其实就是第三个输入框代码,其中的hidden表示隐藏.
好了,我们来研究研究使用Javascript自动修改填充文本输入框或文本输入区域的方法吧.
先看一段代码:
<input onkeyup=”refreshValue(this)” />
这段代码是你输入文本的文本框,在这里调用到函数refreshValue(this),该函数即主要功能函数.该函数代码如下:
<script language=”javascript”>
function refreshValue(obj) {
var s = obj.value;
document.getElementById(“t2″).value=s;
}
</script>
然后你需要的是如下一个输入框:
<input id=”t2″ name=q >
这样,一个输入文字后自动刷新另外一个文本框内容的方法就出现了.
函数中document.getElementById(“t2″).value=s表示取得id值为t2的文本输入框并把s所代表的值自动填充至该文本输入框.
以上就是活着今天说到的Javascript代码实现根据用户在一个框的输入自动填充其他文本框或者说自动修改文本框内容的方法.更多的应用可以在此基础上进行改进即可.
我的波克什hisnake.com我的微博是hisnake.com/blog
博客是WordPress程序 微博是用的PageCookery程序，我想在博客的边栏调用微博的数据库，就是让微博的内容显示在博客上面 不知道能不能实现 我的qq331888681 帮下忙 谢谢了a ~~~
[...] 自动填充文本输入框Javascript特效代码 [...]