用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 相关文章推荐
【消息提示组件】,兼容IE6/7&amp;&amp;FF2
Sep 04 Javascript
JavaScript ES5标准中新增的Array方法
Jun 28 Javascript
jQuery 判断元素整理汇总
Feb 28 Javascript
JavaScript实现选中文字提示新浪微博分享效果
Jun 15 Javascript
ReactJs实现树形结构的数据显示的组件的示例
Aug 18 Javascript
移动设备手势事件库Touch.js使用详解
Aug 18 Javascript
Angular5.1新功能分享
Dec 21 Javascript
js+canvas实现验证码功能
Sep 21 Javascript
微信小程序与后台PHP交互的方法实例分析
Dec 10 Javascript
react高阶组件添加和删除props
Apr 26 Javascript
Vue路由模块化配置的完整步骤
Aug 14 Javascript
vue中element 的upload组件发送请求给后端操作
Sep 07 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 将图片按创建时间进行分类存储的实现代码
2010/01/05 PHP
php中DOMElement操作xml文档实例演示
2013/03/26 PHP
php实现数组筛选奇数和偶数示例
2014/04/11 PHP
PHP实现模仿socket请求返回页面的方法
2014/11/04 PHP
浅析php单例模式
2014/11/25 PHP
PHP处理Ajax请求与Ajax跨域问题
2017/02/13 PHP
php mysql PDO 查询操作的实例详解
2017/09/23 PHP
基于PHP实现微信小程序客服消息功能
2019/08/12 PHP
JS、CSS加载中的小问题探讨
2013/11/26 Javascript
javascript + jquery实现定时修改文章标题
2014/03/19 Javascript
AngularJS表单编辑提交功能实例
2015/02/13 Javascript
Jquery常用的方法汇总
2015/09/01 Javascript
jQuery简单获取键盘事件的方法
2016/01/22 Javascript
JavaScript构建自己的对象示例
2016/11/29 Javascript
原生JS中slice()方法和splice()区别
2017/03/06 Javascript
在ES5与ES6环境下处理函数默认参数的实现方法
2018/05/13 Javascript
解决vue router组件状态刷新消失的问题
2018/08/01 Javascript
ES6 如何改变JS内置行为的代理与反射
2019/02/11 Javascript
Vue中的验证登录状态的实现方法
2019/03/09 Javascript
使用vue实现各类弹出框组件
2019/07/03 Javascript
iview的table组件自带的过滤器实现
2019/07/12 Javascript
jQuery实现获取多选框的值示例
2020/02/07 jQuery
Python实现的百度站长自动URL提交小工具
2014/06/27 Python
Python使用googletrans报错的解决方法
2018/09/25 Python
python opencv 二值化 计算白色像素点的实例
2019/07/03 Python
Python如何实现动态数组
2019/11/02 Python
Python lxml模块的基本使用方法分析
2019/12/21 Python
python 用Matplotlib作图中有多个Y轴
2020/11/28 Python
Servlet面试题库
2015/07/18 面试题
大一自我鉴定范文
2013/12/27 职场文书
图书室管理制度
2014/01/19 职场文书
三严三实对照检查材料
2014/09/22 职场文书
2014年节能工作总结
2014/12/18 职场文书
优秀共青团员事迹材料
2014/12/25 职场文书
2016年教师师德师风心得体会
2016/01/12 职场文书
JavaScript模拟实现网易云轮播效果
2022/04/04 Javascript