用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 相关文章推荐
在模板页面的js使用办法
Apr 01 Javascript
再次分享18个非常棒的jQuery表格插件
Apr 10 Javascript
js下将字符串当函数执行的方法
Jul 13 Javascript
jQuery选择器的工作原理和优化分析
Jul 25 Javascript
Blocksit插件实现瀑布流数据无限( 异步)加载
Jun 20 Javascript
javascript中2个感叹号的用法实例详解
Sep 04 Javascript
JS简单模拟触发按钮点击功能的方法
Nov 30 Javascript
JavaScript知识点总结(五)之Javascript中两个等于号(==)和三个等于号(===)的区别
May 31 Javascript
vue指令做滚动加载和监听等
May 26 Javascript
微信小程序按钮点击动画效果的实现
Sep 04 Javascript
js实现简单的无缝轮播效果
Sep 05 Javascript
JavaScript快速调试的两个技巧
Nov 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
利用Memcached在php下实现session机制 替换PHP的原生session支持
2010/08/21 PHP
非常经典的PHP文件上传类分享
2016/05/15 PHP
js或css文件后面跟参数的原因说明
2010/01/09 Javascript
30个让人兴奋的视差滚动(Parallax Scrolling)效果网站
2012/03/04 Javascript
JS 有趣的eval优化输入验证实例代码
2013/09/22 Javascript
基于jQuery实现发送短信验证码后的倒计时功能(无视页面关闭)
2016/09/02 Javascript
微信小程序 自己制作小组件实例详解
2016/12/22 Javascript
vue.js 1.x与2.0中js实时监听input值的变化
2017/03/15 Javascript
js中DOM三级列表(代码分享)
2017/03/20 Javascript
利用JS hash制作单页Web应用的方法详解
2017/10/10 Javascript
微信小程序获取手机网络状态的方法【附源码下载】
2017/12/08 Javascript
element上传组件循环引用及简单时间倒计时的实现
2018/10/01 Javascript
JS html事件冒泡和事件捕获操作示例
2019/05/01 Javascript
详解JavaScript作用域 闭包
2020/07/29 Javascript
基于JavaScript实现猜数字游戏代码实例
2020/07/30 Javascript
Vue 实现监听窗口关闭事件,并在窗口关闭前发送请求
2020/09/01 Javascript
[35:34]Liquid vs Winstrike 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
Django imgareaselect手动剪切头像实现方法
2015/05/26 Python
Python-嵌套列表list的全面解析
2016/06/08 Python
Python编程判断一个正整数是否为素数的方法
2017/04/14 Python
Python3.7中安装openCV库的方法
2018/07/11 Python
pycharm 在windows上编辑代码用linux执行配置的方法
2018/10/27 Python
python实现在遍历列表时,直接对dict元素增加字段的方法
2019/01/15 Python
Keras使用tensorboard显示训练过程的实例
2020/02/15 Python
Eclipse配置python默认头过程图解
2020/04/26 Python
丝芙兰法国官网:SEPHORA法国
2016/09/01 全球购物
总经理职责范文
2013/11/08 职场文书
三好学生自我鉴定
2013/12/17 职场文书
人大代表选举标语
2014/10/07 职场文书
小区保洁员岗位职责
2015/04/10 职场文书
学校党支部公开承诺书
2015/04/30 职场文书
幼师辞职信范文大全
2015/05/12 职场文书
2015年档案管理员工作总结
2015/05/13 职场文书
教师法制教育培训学习心得体会
2016/01/14 职场文书
如何做好员工培训计划?
2019/07/09 职场文书
Python 制作自动化翻译工具
2021/04/25 Python