用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代码
Mar 10 Javascript
获取css样式表内样式的js函数currentStyle(IE),defaultView(FF)
Feb 14 Javascript
兼容FF和IE的动态table示例自写
Oct 21 Javascript
js实现input框文字动态变换显示效果
Aug 19 Javascript
基于JavaScript实现Json数据根据某个字段进行排序
Nov 24 Javascript
简单介绍jsonp 使用小结
Jan 27 Javascript
js的form表单提交url传参数(包含+等特殊字符)的两种解决方法
May 25 Javascript
vue.js入门(3)——详解组件通信
Dec 02 Javascript
AngularJS实时获取并显示密码的方法
Feb 06 Javascript
webstrom Debug 调试vue项目的方法步骤
Jul 17 Javascript
Vue中el-form标签中的自定义el-select下拉框标签功能
Apr 20 Javascript
Element Steps步骤条的使用方法
Jul 26 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目录导航文件代码
2006/10/09 PHP
PHP学习之正则表达式
2011/04/17 PHP
[原创]CI(CodeIgniter)简单统计访问人数实现方法
2016/01/19 PHP
PHP中CheckBox多选框上传失败的代码写法
2017/02/13 PHP
jQuery学习笔记 操作jQuery对象 CSS处理
2012/09/19 Javascript
jquery实现图片左右间隔滚动特效(可自动播放)
2013/05/08 Javascript
js 程序执行与顺序实现详解
2013/05/13 Javascript
Bootstrap每天必学之基础排版
2015/11/20 Javascript
JS获取一个未知DIV高度的方法
2016/08/09 Javascript
vue.js通过自定义指令实现数据拉取更新的实现方法
2016/10/18 Javascript
Angular 4根据组件名称动态创建出组件的方法教程
2017/11/01 Javascript
JS实现面向对象继承的5种方式分析
2018/07/21 Javascript
浅析JavaScript异步代码优化
2019/03/18 Javascript
vue-cli3添加模式配置多环境变量的方法
2019/06/05 Javascript
vue element upload实现图片本地预览
2019/08/20 Javascript
原生js滑动轮播封装
2020/07/31 Javascript
基于JS实现操作成功之后自动跳转页面
2020/09/25 Javascript
利用python批量修改word文件名的方法示例
2017/10/17 Python
Jupyter安装nbextensions,启动提示没有nbextensions库
2020/04/23 Python
Python深拷贝与浅拷贝用法实例分析
2019/05/05 Python
Python中字符串与编码示例代码
2019/05/20 Python
Python PyInstaller安装和使用教程详解
2020/01/08 Python
Python如何在main中调用函数内的函数方式
2020/06/01 Python
如何在mac下配置python虚拟环境
2020/07/06 Python
Python 必须了解的5种高级特征
2020/09/10 Python
解决Pymongo insert时会自动添加_id的问题
2020/12/05 Python
termux中matplotlib无法显示中文问题的解决方法
2021/01/11 Python
手摸手教你用canvas实现给图片添加平铺水印的实现
2019/08/20 HTML / CSS
阿迪达斯比利时官方商城:adidas比利时
2016/10/10 全球购物
aden + anais官方网站:婴儿襁褓、毯子、尿布和服装
2017/06/21 全球购物
电大自我鉴定范文
2013/10/01 职场文书
年度考核自我鉴定
2013/11/09 职场文书
参观接待方案
2014/03/17 职场文书
社会实践活动总结
2015/02/05 职场文书
Java多条件判断场景中规则执行器的设计
2021/06/26 Java/Android
Python 游戏大作炫酷机甲闯关游戏爆肝数千行代码实现案例进阶
2021/10/16 Python