用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 相关文章推荐
分别用marquee和div+js实现首尾相连循环滚动效果,仅3行代码
Sep 21 Javascript
js判断鼠标同时离开两个div的思路及代码
May 31 Javascript
jquery+easeing实现仿flash的载入动画
Mar 10 Javascript
js实现索引图片切换效果
Nov 21 Javascript
jQuery实现的导航动画效果(附demo源码)
Apr 01 Javascript
jQuery使用经验小技巧(推荐)
May 31 Javascript
全面了解javascript三元运算符
Jun 27 Javascript
JavaScript输入分钟、秒倒计时技巧总结(附代码)
Aug 17 Javascript
Vue 组件参数校验与非props特性的方法
Feb 12 Javascript
vue基础之事件v-onclick=&quot;函数&quot;用法示例
Mar 11 Javascript
面试题:react和vue的区别分析
Apr 08 Javascript
详解Vue-cli3 项目在安卓低版本系统和IE上白屏问题解决
Apr 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
东芝TOSHIBA RP-F11电路分析
2021/03/02 无线电
PHP连接MySQL查询结果中文显示乱码解决方法
2013/10/25 PHP
PHP使用CURL_MULTI实现多线程采集的例子
2014/07/29 PHP
php jsonp单引号转义
2014/11/23 PHP
PHP程序员不应该忽略的3点
2015/10/09 PHP
PHP7新功能总结
2019/04/14 PHP
使用PHPWord生成word文档的方法详解
2019/06/06 PHP
javascript 密码强度验证规则、打分、验证(给出前端代码,后端代码可根据强度规则翻译)
2010/05/18 Javascript
jquery 添加节点的几种方法介绍
2013/09/04 Javascript
jQuery实现仿腾讯视频列表分页效果的方法
2015/08/07 Javascript
基于Bootstrap里面的Button dropdown打造自定义select
2016/05/30 Javascript
BootStrap 智能表单实战系列(二)BootStrap支持的类型简介
2016/06/13 Javascript
jQuery实现的自动加载页面功能示例
2016/09/04 Javascript
jQuery EasyUI 组件加上“清除”功能实例详解
2017/04/11 jQuery
基于Particles.js制作超炫粒子动态背景效果(仿知乎)
2017/09/13 Javascript
Bootstrap导航菜单点击后无法自动添加active的处理方法
2018/08/10 Javascript
Vue.js实现表格渲染的方法
2018/09/07 Javascript
解决vue A对象赋值给B对象,修改B属性会影响到A的问题
2018/09/25 Javascript
在微信小程序中渲染HTML内容的方法示例
2018/09/28 Javascript
2分钟实现一个Vue实时直播系统的示例代码
2020/06/05 Javascript
[01:33]真香警告!DOTA2勇士令状不朽珍藏Ⅱ饰品欣赏
2018/06/26 DOTA
使用tensorflow实现线性svm
2018/09/07 Python
Matplotlib中文乱码的3种解决方案
2018/11/15 Python
python程序控制NAO机器人行走
2019/04/29 Python
Python定时任务APScheduler的实例实例详解
2019/07/22 Python
OpenCV+face++实现实时人脸识别解锁功能
2019/08/28 Python
使用python 计算百分位数实现数据分箱代码
2020/03/03 Python
2014年圣诞节倒计时网页的制作过程
2014/12/05 HTML / CSS
专业幼师实习生自我鉴定范文
2013/12/08 职场文书
简短证婚人证婚词
2014/01/09 职场文书
初二学习计划书范文
2014/04/27 职场文书
汽车服务工程专业自荐信
2014/09/02 职场文书
如何判断微信付款码和支付宝付款码
2021/04/01 PHP
Node.js实现断点续传
2021/06/23 Javascript
MySQL多表查询机制
2022/03/17 MySQL
Nginx流量拷贝ngx_http_mirror_module模块使用方法详解
2022/04/07 Servers