用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 相关文章推荐
关于JavaScript的gzip静态压缩方法
Jan 05 Javascript
javascrip客户端验证文件大小及文件类型并重置上传
Jan 12 Javascript
jQuery对html元素取值与赋值的方法
Nov 20 Javascript
Javascript原型链和原型的一个误区
Oct 22 Javascript
学习JavaScript设计模式(策略模式)
Nov 26 Javascript
Ext JS框架程序中阻止键盘触发回退或者刷新页面的代码分享
Jun 07 Javascript
JS 实现获取验证码 倒计时功能
Oct 29 Javascript
vue ajax 拦截原理与实现方法示例
Nov 29 Javascript
webpack proxy 使用(代理的使用)
Jan 10 Javascript
微信分享invalid signature签名错误踩过的坑
Apr 11 Javascript
el-table树形表格表单验证(列表生成序号)
May 31 Javascript
解决vue axios跨域 Request Method: OPTIONS问题(预检请求)
Aug 14 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
php准确获取文件MIME类型的方法
2015/06/17 PHP
JavaScript window.setTimeout() 的详细用法
2009/11/04 Javascript
Javascript中获取出错代码所在文件及行数的代码
2010/09/23 Javascript
javascript判断iphone/android手机横竖屏模式的函数
2011/12/20 Javascript
nodejs读取memcache示例分享
2014/01/02 NodeJs
Javascript单元测试框架QUnitjs详细介绍
2014/05/08 Javascript
js判断是否按下了Shift键的方法
2015/01/27 Javascript
详解Angularjs filter过滤器
2016/02/06 Javascript
js实现多图左右切换功能
2016/08/04 Javascript
Bootstrap幻灯片轮播图支持触屏左右手势滑动的实现方法
2016/10/13 Javascript
BootStrap中jQuery插件Carousel实现轮播广告效果
2017/03/27 jQuery
详解react-router4 异步加载路由两种方法
2017/09/12 Javascript
微信小程序实现页面跳转传值的方法
2017/10/12 Javascript
vue translate peoject实现在线翻译功能【新手必看】
2018/06/07 Javascript
代码分析vue中如何配置less
2018/09/28 Javascript
vue中监听路由参数的变化及方法
2019/12/06 Javascript
Vue学习之axios的使用方法实例分析
2020/01/06 Javascript
[41:37]DOTA2北京网鱼队选拔赛——冲击职业之路
2015/04/13 DOTA
[53:49]LGD vs Fnatic 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
[01:42:49]DOTA2-DPC中国联赛 正赛 iG vs PSG.LGD BO3 第一场 2月26日
2021/03/11 DOTA
使用Python装饰器在Django框架下去除冗余代码的教程
2015/04/16 Python
python3 shelve模块的详解
2017/07/08 Python
Python实现自定义读写分离代码实例
2019/11/16 Python
python cv2截取不规则区域图片实例
2019/12/21 Python
利用python 读写csv文件
2020/09/10 Python
Python的信号库Blinker用法详解
2020/12/31 Python
CSS3图片旋转特效(360/60/-360度)
2013/10/10 HTML / CSS
英国领先的名牌服装折扣零售商:Brown Bag Clothing
2019/01/08 全球购物
美国隐形眼镜零售商:LensPure
2019/03/10 全球购物
经典c++面试题二
2015/08/14 面试题
策划创业计划书
2014/02/06 职场文书
软件售后服务承诺书
2014/05/21 职场文书
财政局党的群众路线教育实践活动剖析材料
2014/10/13 职场文书
金陵十三钗观后感
2015/06/04 职场文书
《搭石》教学反思
2016/02/18 职场文书
linux下安装redis图文详细步骤
2021/12/04 Redis