用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 获取用户客户端操作系统版本
Aug 25 Javascript
Jquery中给animation加更多的运作效果实例
Sep 05 Javascript
JS显示表格内指定行html代码的方法
Mar 31 Javascript
javascript中indexOf技术详解
May 07 Javascript
JavaScript事件学习小结(三)js事件对象
Jun 09 Javascript
利用Plupload.js解决大文件上传问题, 带进度条和背景遮罩层
Mar 15 Javascript
vue项目环境变量配置的实现方法
Oct 12 Javascript
layui 实现自动选择radio单选框(checked)的方法
Sep 03 Javascript
微信分享invalid signature签名错误踩过的坑
Apr 11 Javascript
js实现时间日期校验
May 26 Javascript
vue-cli3访问public文件夹静态资源报错的解决方式
Sep 02 Javascript
Vue中插槽slot的使用方法与应用场景详析
Jun 08 Vue.js
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
解决GD中文乱码问题
2007/02/14 PHP
PHP伪静态写法附代码
2008/06/20 PHP
提高php运行速度的一些小技巧分享
2012/07/03 PHP
php之curl实现http与https请求的方法
2014/10/21 PHP
学习PHP session的传递方式
2016/06/15 PHP
教你在header中隐藏php的版本信息
2016/08/10 PHP
QQ登录简单实现代码
2021/03/09 Javascript
JavaScript的面向对象(二)
2006/11/09 Javascript
纯JavaScript实现的完美渐变弹出层效果代码
2010/04/02 Javascript
juqery 学习之六 CSS--css、位置、宽高
2011/02/11 Javascript
写了10年的Javascript也未必全了解的连续赋值运算
2011/03/25 Javascript
js二维数组排序的简单示例代码
2014/01/24 Javascript
node+express+jade制作简单网站指南
2014/11/26 Javascript
JavaScript日期类型的一些用法介绍
2015/03/02 Javascript
JavaScript中的立即执行函数表达式介绍
2015/03/15 Javascript
JavaScript面对国际化编程时的一些建议
2015/06/24 Javascript
基于JavaScript实现轮播图代码
2016/07/14 Javascript
jQuery flip插件实现的翻牌效果示例【附demo源码下载】
2016/09/20 Javascript
微信小程序tabBar用法实例详解
2017/12/04 Javascript
js判断输入框不能为空格或null值的实现方法
2018/03/02 Javascript
vue生命周期的探索
2019/04/03 Javascript
layui固定下拉框的显示条数(有滚动条)的方法
2019/09/10 Javascript
H5 js点击按钮复制文本到粘贴板
2020/11/19 Javascript
Python可变和不可变、类的私有属性实例分析
2019/05/31 Python
Python 多线程,threading模块,创建子线程的两种方式示例
2019/09/29 Python
python实现PDF中表格转化为Excel的方法
2020/06/16 Python
PyCharm中关于安装第三方包的三个建议
2020/09/17 Python
基于HTML5的WebGL实现json和echarts图表展现在同一个界面
2017/10/26 HTML / CSS
文秘专业大学生求职信
2013/11/10 职场文书
幼儿园教师辞职信
2014/01/18 职场文书
经贸专业毕业生求职信范文
2014/05/01 职场文书
国际商贸专业自荐信
2014/06/09 职场文书
公务员年终个人总结
2015/02/12 职场文书
企业财务人员岗位职责
2015/04/14 职场文书
nginx location优先级的深入讲解
2021/03/31 Servers
react 项目中引入图片的几种方式
2021/06/02 Javascript