用js传递value默认值的示例代码


Posted in Javascript onSeptember 11, 2014

需求和代码如下:

“这是我的代码:”

<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>

效果:

用js传递value默认值的示例代码
用js传递value默认值的示例代码
在第一个文本框中输入的内容能同步到第二个文本框

Javascript 相关文章推荐
使用jscript实现二进制读写脚本代码
Jun 09 Javascript
javascript 隐藏/显示指定的区域附HTML元素【legend】用法
Mar 05 Javascript
javascript表单验证使用示例(javascript验证邮箱)
Jan 07 Javascript
你可能不知道的JavaScript的new Function()方法
Apr 17 Javascript
自己封装的javascript事件队列函数版
Jun 12 Javascript
bootstrap-treeview自定义双击事件实现方法
Jan 09 Javascript
JavaScript 基础函数_深入剖析变量和作用域
May 18 Javascript
picLazyLoad 实现图片延时加载(包含背景图片)
Jul 21 Javascript
jQuery模拟Marquee实现无缝滚动效果完整实例
Sep 29 Javascript
BootStrap入门学习第一篇
Aug 28 Javascript
了解JavaScript函数中的默认参数
May 30 Javascript
element-ui封装一个Table模板组件的示例
Jan 04 Javascript
js图片实时加载提供网页打开速度
Sep 11 #Javascript
jQuery 复合选择器应用的几个例子
Sep 11 #Javascript
使用js dom和jquery分别实现简单增删改
Sep 11 #Javascript
sogou地图API用法实例教程
Sep 11 #Javascript
当前流行的JavaScript代码风格指南
Sep 10 #Javascript
在css加载完毕后自动判断页面是否加入css或js文件
Sep 10 #Javascript
JQuery拖动表头边框线调整表格列宽效果代码
Sep 10 #Javascript
You might like
《OVERLORD》手游英文版即将上线 手机上也能扮演骨王
2020/04/09 日漫
用session做客户验证时的注意事项
2006/10/09 PHP
php批量缩放图片的代码[ini参数控制]
2011/02/11 PHP
PHP中可以自动分割查询字符的Parse_str函数使用示例
2014/07/25 PHP
php在数组中查找指定值的方法
2015/03/17 PHP
PHP批量生成图片缩略图的方法
2015/06/18 PHP
php将数组存储为文本文件方法汇总
2015/10/28 PHP
PHP sleep()函数, usleep()函数
2016/08/25 PHP
JavaScript 撑出页面文字换行
2009/06/15 Javascript
js png图片(有含有透明)在IE6中为什么不透明了
2010/02/07 Javascript
JQuery 常用操作代码
2010/03/14 Javascript
javascript采用数组实现tab菜单切换效果
2012/12/12 Javascript
js实现点击注册按钮开始读秒倒计时的小例子
2013/05/11 Javascript
jQuery 顶部导航跟随滚动条滚动固定浮动在顶部
2014/06/06 Javascript
JavaScript 不支持 indexof 该如何解决
2016/03/30 Javascript
微信小程序(三):网络请求
2017/01/13 Javascript
关于AngularJs数据的本地存储详解
2017/01/20 Javascript
jQuery时间验证和转换为标准格式的时间格式
2017/03/06 Javascript
node.js爬虫爬取拉勾网职位信息
2017/03/14 Javascript
JavaScript数据结构之二叉树的计数算法示例
2017/04/13 Javascript
聊聊Vue.js的template编译的问题
2017/10/09 Javascript
React BootStrap用户体验框架快速上手
2018/03/06 Javascript
在Node.js下运用MQTT协议实现即时通讯及离线推送的方法
2019/01/24 Javascript
maptalks+three.js+vue webpack实现二维地图上贴三维模型操作
2020/08/10 Javascript
JavaScript实现点击切换验证码及校验
2021/01/10 Javascript
[01:42]DOTA2 – 虚无之灵
2019/08/25 DOTA
python使用多线程不断刷新网页的方法
2015/03/31 Python
说说如何遍历Python列表的方法示例
2019/02/11 Python
对python_discover方法遍历所有执行的用例详解
2019/02/13 Python
解决python3.5 正常安装 却不能直接使用Tkinter包的问题
2019/02/22 Python
基于Numpy.convolve使用Python实现滑动平均滤波的思路详解
2019/05/16 Python
Python json模块与jsonpath模块区别详解
2020/03/05 Python
纯CSS3实现扇形动画菜单(简化版)实例源码
2017/01/17 HTML / CSS
意大利奢侈品综合电商网站:MODES
2019/12/14 全球购物
2014年大学生就业规划书
2014/04/04 职场文书
幼儿园教师岗位职责
2015/04/02 职场文书