用js传递value默认值的示例代码
发布于 2017-06-29 09:35:50 | 90 次阅读 | 评论: 0 | 来源: 网友投递
这里有新鲜出炉的Javascript教程，程序狗速度看过来！
JavaScript客户端脚本语言
Javascript 是一种由Netscape的LiveScript发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言，主要目的是为了解决服务器端语言，比如Perl，遗留的速度问题，为客户提供更流畅的浏览效果。
这篇文章主要介绍了用js传递value默认值的简单实现,很简单但比较实用，需要的朋友可以参考下
需求和代码如下：
“这是我的代码：”
<input type="text" id="price2" value="333"/>
<input type="text" id="trueprice" value="" />
<script type="text/javascript">
document.getElementById("price2").onkeyup = function() {
document.getElementById("trueprice").value = this.value;
}
</script>
问题：现在打开这个页面，trueprice的值默认是空的，怎样才能实现默认打开这个页面trueprice就已经和price2一样了呢？（price2是一个动态的数值）
<input type=”text” id=”trueprice” value=”” />是固定不可以修改的
我的一个简单实现：
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Test</title>
</head>
<body>
<input type="text" id="price2" value="333" onkeyup="test(this.value);"/>
<input type="text" id="trueprice" value="" />
<script type="text/javascript">
var price2 = document.getElementById("price2").value;
document.getElementById("trueprice").value = price2;
function test (defaultVal) {
document.getElementById("trueprice").value = defaultVal;
}
</script>
</body>
</html>
效果：
在第一个文本框中输入的内容能同步到第二个文本框
推荐阅读
最新资讯