用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 相关文章推荐
火狐浏览器(firefox)下获得Event对象以及keyCode
Nov 13 Javascript
两个select多选模式的选项相互移动(示例代码)
Jan 11 Javascript
详解Matlab中 sort 函数用法
Mar 20 Javascript
Node.js操作mysql数据库增删改查
Mar 30 Javascript
jquery按回车键实现表单提交的简单实例
May 25 Javascript
微信小程序图片宽100%显示并且不变形
Jun 21 Javascript
vue项目部署到Apache服务器中遇到的问题解决
Aug 24 Javascript
vue.js input框之间赋值方法
Aug 24 Javascript
微信小程序支付前端源码
Aug 29 Javascript
javascript实现倒计时效果
Feb 17 Javascript
vue 实现element-ui中的加载中状态
Nov 11 Javascript
vue+element table表格实现动态列筛选的示例代码
Jan 14 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
一个PHP的String类代码
2010/04/20 PHP
Zend Framework教程之Zend_Controller_Plugin插件用法详解
2016/03/07 PHP
PHP实现对xml进行简单的增删改查(CRUD)操作示例
2017/05/19 PHP
PHP实现无限极分类的两种方式示例【递归和引用方式】
2019/03/25 PHP
gearman管理工具GearmanManager的安装与php使用方法示例
2020/02/27 PHP
用函数式编程技术编写优美的 JavaScript
2006/11/25 Javascript
基于jquery的监控数据是否发生改变
2011/04/11 Javascript
js异步加载的三种解决方案
2013/03/04 Javascript
Jquery实现Div上下移动示例
2014/04/23 Javascript
window.open()详解及浏览器兼容性问题示例探讨
2014/05/29 Javascript
javascript 中的 delete及delete运算符
2015/11/15 Javascript
用Vue.extend构建消息提示组件的方法实例
2017/08/08 Javascript
使用VUE+iView+.Net Core上传图片的方法示例
2019/01/04 Javascript
layui 监听select选择 获取当前select的ID名称方法
2019/09/24 Javascript
angular组件间通讯的实现方法示例
2020/05/07 Javascript
Element Alert警告的具体使用方法
2020/07/27 Javascript
JS实现公告上线滚动效果
2021/01/10 Javascript
[46:25]DOTA2上海特级锦标赛主赛事日 - 4 败者组第五轮 MVP.Phx VS EG第二局
2016/03/05 DOTA
[10:24]郎朗助力完美“圣”典,天籁交织奏响序曲
2016/12/18 DOTA
[01:06]DOTA2小知识课堂 Ep.02 吹风竟可解梦境缠绕
2019/12/05 DOTA
用Python实现KNN分类算法
2017/12/22 Python
利用Python进行图像的加法,图像混合(附代码)
2019/07/14 Python
python+numpy实现的基本矩阵操作示例
2019/07/19 Python
python实现日志按天分割
2019/07/22 Python
opencv+python实现鼠标点击图像,输出该点的RGB和HSV值
2020/06/02 Python
Django URL参数Template反向解析
2020/11/24 Python
python爬虫中的url下载器用法详解
2020/11/30 Python
美国高级工作服品牌:Carhartt
2018/01/25 全球购物
考博专家推荐信模板
2013/12/02 职场文书
美德好少年主要事迹
2014/01/29 职场文书
六年级学生评语
2014/04/22 职场文书
承诺书模板
2014/08/30 职场文书
大学生心理健康教育心得体会
2016/01/12 职场文书
MySQL主从复制断开的常用修复方法
2021/04/07 MySQL
windows下快速安装nginx并配置开机自启动的方法
2021/05/11 Servers
Nginx动静分离配置实现与说明
2022/04/07 Servers