用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下发生Internet Explorer cannot open the Internet site错误
Jun 21 Javascript
Lazy Load 延迟加载图片的jQuery插件中文使用文档
Oct 18 Javascript
jsp js鼠标移动到指定区域显示选项卡离开时隐藏示例
Jun 14 Javascript
Jquery读取URL参数小例子
Aug 30 Javascript
获取下拉列表框的值是数组,split,$.inArray示例
Nov 13 Javascript
js时间日期格式化封装函数
Dec 02 Javascript
js限制文本框的输入内容代码分享(3类)
Aug 20 Javascript
javascript封装addLoadEvent实现页面同时加载执行多个函数的方法
Jul 25 Javascript
JavaScript基础心法 深浅拷贝(浅拷贝和深拷贝)
Mar 05 Javascript
解决vue中修改了数据但视图无法更新的情况
Aug 27 Javascript
详解从0开始搭建微信小程序(前后端)的全过程
Apr 15 Javascript
vue点击Dashboard不同内容 跳转到同一表格的实例
Nov 13 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函数file_get_contents超时处理的方法详解
2013/06/03 PHP
手把手教你打印出PDF(关于fpdf的简单应用)
2013/06/25 PHP
PHP中字符安全过滤函数使用小结
2015/02/25 PHP
复制Input内容的js代码_支持所有浏览器,修正了Firefox3.5以上的问题
2010/06/21 Javascript
学习JavaScript的最佳方法分享
2011/10/21 Javascript
javascript 随机展示头像实现代码
2011/12/06 Javascript
js根据给定的日期计算当月有多少天实现思路及代码
2013/02/25 Javascript
javascript验证只能输入数字和一个小数点示例
2013/10/21 Javascript
JS实现倒计时和文字滚动的效果实例
2014/10/29 Javascript
jQuery实现仿百度帖吧头部固定导航效果
2015/08/07 Javascript
jQuery实现淡入淡出二级下拉导航菜单的方法
2015/08/28 Javascript
一个用jquery写的判断div滚动条到底部的方法【推荐】
2016/04/29 Javascript
JS关闭窗口时产生的事件及用法示例
2016/08/20 Javascript
jQuery 利用$.ajax 时获取原生XMLHttpRequest 对象的方法
2016/08/25 Javascript
jQuery手指滑动轮播效果
2016/12/22 Javascript
js实现选项卡内容切换以及折叠和展开效果【推荐】
2017/01/08 Javascript
浅谈node中的exports与module.exports的关系
2017/08/01 Javascript
浅谈VUE单页应用首屏加载速度优化方案
2018/08/28 Javascript
vue radio单选框,获取当前项(每一项)的value值操作
2020/09/10 Javascript
[01:01:24]LGD vs Fnatic 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
python定时检查启动某个exe程序适合检测exe是否挂了
2013/01/21 Python
Python基于回溯法子集树模板解决野人与传教士问题示例
2017/09/11 Python
python实现字符串和字典的转换
2018/09/29 Python
python 实现兔子生兔子示例
2019/11/21 Python
python pandas.DataFrame.loc函数使用详解
2020/03/26 Python
Python实现自动打开电脑应用的示例代码
2020/04/17 Python
解决python对齐错误的方法
2020/07/16 Python
Python性能分析工具py-spy原理用法解析
2020/07/27 Python
django中ImageField的使用详解
2020/12/21 Python
意大利奢华内衣制造商:Cosabella
2017/08/29 全球购物
注册资产评估专业求职信
2014/07/16 职场文书
授权委托书格式范文
2014/08/02 职场文书
党员群众路线学习心得体会
2014/11/04 职场文书
2015年数学教研工作总结
2015/07/22 职场文书
Golang连接并操作MySQL
2022/04/14 MySQL
Win11怎么解除儿童账号限制?Win11解除微软儿童账号限制方法
2022/07/07 数码科技