用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 相关文章推荐
ImageFlow可鼠标控制图片滚动
Jan 30 Javascript
jQuery学习笔记之Helloworld
Dec 22 Javascript
表单类各种类型(文本框)失去焦点效果jquery代码
Apr 26 Javascript
jquery滚动组件(vticker.js)实现页面动态数据的滚动效果
Jul 03 Javascript
javascript删除option选项的多种方法总结
Nov 22 Javascript
Javascript显示和隐藏ul列表的方法
Jul 15 Javascript
详解AngularJS如何实现跨域请求
Aug 22 Javascript
React Native中Navigator的使用方法示例
Oct 13 Javascript
jQuery的Ajax接收java返回数据方法
Aug 11 jQuery
vue-router动态设置页面title的实例讲解
Aug 30 Javascript
layui的布局和表格的渲染以及动态生成表格的方法
Sep 18 Javascript
简单了解JS打开url的方法
Feb 21 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
DC这些乐高系列动画电影你看过几部?
2020/04/09 欧美动漫
PHP个人网站架设连环讲(四)
2006/10/09 PHP
Linux系统下php获得系统分区信息的方法
2015/03/30 PHP
PHP利用Socket获取网站的SSL证书与公钥
2017/06/18 PHP
php格式文件打开的四种方法
2018/02/24 PHP
通过PHP实现用户注册后邮箱验证激活
2020/11/10 PHP
Jquery+JSon 无刷新分页实现代码
2010/04/01 Javascript
JavaScript编程开发中的五个实用小技巧
2010/07/22 Javascript
javascript阻止浏览器后退事件防止误操作清空表单
2013/11/22 Javascript
jQuery中验证表单提交方式及序列化表单内容的实现
2014/01/06 Javascript
Jquery解析Json格式数据过程代码
2014/10/17 Javascript
Angularjs基础知识及示例汇总
2015/01/22 Javascript
JS仿淘宝实现的简单滑动门效果代码
2015/10/14 Javascript
JavaScript数组的定义及数字操作技巧
2016/06/06 Javascript
浅谈jQuery animate easing的具体使用方法(推荐)
2016/06/17 Javascript
JS实现标签页切换效果
2017/05/04 Javascript
vue组件与复用详解
2018/04/08 Javascript
Vue框架里使用Swiper的方法示例
2018/09/20 Javascript
Vue实现push数组并删除的例子
2019/11/01 Javascript
vue实现div单选多选功能
2020/07/16 Javascript
[01:24]DOTA2上海特锦赛OG战队抵达 专车接机入驻总统套房
2016/02/23 DOTA
Python多线程爬虫简单示例
2016/03/04 Python
Django中Model的使用方法教程
2018/03/07 Python
解决安装pycharm后不能执行python脚本的问题
2019/01/19 Python
pyhanlp安装介绍和简单应用
2019/02/22 Python
python根据文本生成词云图代码实例
2019/11/15 Python
使用python-Jenkins批量创建及修改jobs操作
2020/05/12 Python
python怎么提高计算速度
2020/06/11 Python
最简单的matplotlib安装教程(小白)
2020/07/28 Python
用canvas画心电图的示例代码
2018/09/10 HTML / CSS
Harrods英国:世界领先的奢侈品百货商店
2020/09/23 全球购物
大学生标准推荐信范文
2013/11/25 职场文书
销售人员求职的自我评价分享
2014/03/15 职场文书
村长贪污检举信
2014/04/04 职场文书
预备党员思想汇报1000字
2014/10/07 职场文书
Spring mvc是如何实现与数据库的前后端的连接操作的?
2021/06/30 Java/Android