用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 鼠标拖动对象 可让任何div实现拖动效果
Nov 09 Javascript
JQuery 常用操作代码
Mar 14 Javascript
JQuery以JSON方式提交数据到服务端示例代码
May 05 Javascript
全面解析Bootstrap排版使用方法(标题)
Nov 30 Javascript
跨域资源共享 CORS 详解
Apr 26 Javascript
JavaScript实现简单的拖动效果
Jul 02 Javascript
预防网页挂马的方法总结
Nov 03 Javascript
ES5学习教程之Array对象
Apr 01 Javascript
微信小程序实战之登录页面制作(5)
Mar 30 Javascript
JS去掉字符串末尾的标点符号及删除最后一个字符的方法
Oct 24 Javascript
原生JS实现多个小球碰撞反弹效果示例
Jan 31 Javascript
js实现随机抽奖
Mar 19 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
供参考的 php 学习提高路线分享
2011/10/23 PHP
浅析Yii2集成富文本编辑器redactor实例教程
2016/04/25 PHP
php使用redis的几种常见操作方式和用法示例
2020/02/20 PHP
Thinkphp 框架扩展之应用模式实现方法分析
2020/04/27 PHP
PHP实现简单的计算器
2020/08/28 PHP
XAMPP升级PHP版本实现步骤解析
2020/09/04 PHP
jquery URL参数判断,确定菜单样式
2010/05/31 Javascript
Asp.net下利用Jquery Ajax实现用户注册检测(验证用户名是否存)
2010/09/12 Javascript
基于Jquery的简单图片切换效果
2011/01/06 Javascript
用示例说明filter()与find()的用法以及children()与find()的区别分析
2013/04/26 Javascript
JQuery操作三大控件(下拉,单选,复选)的方法
2013/08/06 Javascript
jquery 取子节点及当前节点属性值的方法
2014/08/24 Javascript
使用JavaScript 编写简单计算器
2014/11/24 Javascript
javascript实现百度地图鼠标滑动事件显示、隐藏
2015/04/02 Javascript
JavaScript使用DeviceOne开发实战(一) 配置和起步
2015/12/01 Javascript
vue router 通过路由来实现切换头部标题功能
2019/04/24 Javascript
JS实现利用闭包判断Dom元素和滚动条的方向示例
2019/08/26 Javascript
Vue+abp微信扫码登录的实现代码示例
2020/01/06 Javascript
关于uniApp editor微信滑动问题
2021/01/15 Javascript
[01:46]DOTA2上海特锦赛小组赛英文解说KotlGuy采访
2016/02/27 DOTA
Python实现自动添加脚本头信息的示例代码
2016/09/02 Python
Python实现PS滤镜中马赛克效果示例
2018/01/20 Python
基于Python中求和函数sum的用法详解
2018/06/28 Python
Windows平台Python编程必会模块之pywin32介绍
2019/10/01 Python
python实现文件批量编码转换及注意事项
2019/10/14 Python
零基础学python应该从哪里入手
2020/08/11 Python
Python存储读取HDF5文件代码解析
2020/11/25 Python
Python爬虫之App爬虫视频下载的实现
2020/12/08 Python
精致的手工皮鞋:Shoe Embassy
2019/11/08 全球购物
欧姆龙医疗欧洲有限公司:Omron Healthcare Europe B.V
2020/06/13 全球购物
保护环境建议书
2014/03/12 职场文书
机械设计及其自动化专业求职信
2014/06/09 职场文书
节能减耗标语
2014/06/21 职场文书
团代会邀请函
2015/02/02 职场文书
关于运动会的广播稿
2015/08/19 职场文书
使用Golang的channel交叉打印两个数组的操作
2021/04/29 Golang