用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 相关文章推荐
文本框input聚焦失焦样式实现代码
Oct 12 Javascript
js创建对象的区别示例介绍
Jul 24 Javascript
node.js中的fs.fsync方法使用说明
Dec 15 Javascript
jQuery使用fadeout实现元素渐隐效果的方法
Mar 27 Javascript
手机端转盘抽奖代码分享
Sep 10 Javascript
JavaScript高级程序设计(第三版)学习笔记1~5章
Mar 11 Javascript
bootstrap的3级菜单样式,支持母版页保留打开状态实现方法
Nov 10 Javascript
jQuery实现动态添加tr到table的方法
Dec 26 Javascript
jQuery插件HighCharts实现的2D堆条状图效果示例【附demo源码下载】
Mar 14 Javascript
微信小程序实现基于三元运算验证手机号/姓名功能示例
Jan 19 Javascript
微信小程序class封装http代码实例
Aug 24 Javascript
详解vue3中组件的非兼容变更
Mar 03 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 set_magic_quotes_runtime() 函数过时解决方法
2010/07/08 PHP
ThinkPHP中ajax使用实例教程
2014/08/22 PHP
PHP入门教程之面向对象的特性分析(继承,多态,接口,抽象类,抽象方法等)
2016/09/11 PHP
ThinkPHP5.0框架控制器继承基类和自定义类示例
2018/05/25 PHP
JS 判断代码全收集
2009/04/28 Javascript
JavaScript具有类似Lambda表达式编程能力的代码(改进版)
2010/09/14 Javascript
JavaScript表达式:URL 协议介绍
2013/03/10 Javascript
jqplot通过ajax动态画折线图的方法及思路
2013/12/08 Javascript
extjs_02_grid显示本地数据、显示跨域数据
2014/06/23 Javascript
jQuery实现ctrl+enter(回车)提交表单
2015/10/19 Javascript
JS实现字符串转日期并比较大小实例分析
2015/12/09 Javascript
jquery捕捉回车键及获取checkbox值与异步请求的方法
2015/12/24 Javascript
基于Vue 服务端Cookies删除的问题
2018/09/21 Javascript
JavaScript的变量声明与声明提前用法实例分析
2019/11/26 Javascript
使用typescript改造koa开发框架的实现
2020/02/04 Javascript
微信小程序实现限制用户转发功能的实例代码
2020/02/22 Javascript
django将图片上传数据库后在前端显式的方法
2018/05/25 Python
python字符串常用方法
2018/06/14 Python
Python的iOS自动化打包实例代码
2018/11/22 Python
python 处理数字,把大于上限的数字置零实现方法
2019/01/28 Python
Python基础之函数的定义与使用示例
2019/03/23 Python
Django数据库类库MySQLdb使用详解
2019/04/28 Python
python flask解析json数据不完整的解决方法
2019/05/26 Python
Python弹出输入框并获取输入值的实例
2019/06/18 Python
Python实现最大子序和的方法示例
2019/07/05 Python
python函数中将变量名转换成字符串实例
2020/05/11 Python
canvas简单连线动画的实现代码
2020/02/04 HTML / CSS
Oakley官网:运动太阳镜、雪镜和服装
2016/09/30 全球购物
C# .NET面试题
2015/11/28 面试题
国际经济与贸易专业求职信
2014/07/10 职场文书
十岁生日答谢词
2015/01/05 职场文书
2016中秋节广告语
2016/01/28 职场文书
导游词之杭州岳王庙
2019/11/13 职场文书
Vue实现导入Excel功能步骤详解
2021/07/03 Vue.js
Python+腾讯云服务器实现每日自动健康打卡
2021/12/06 Python
基于Python编写一个监控CPU的应用系统
2022/06/25 Python