脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → js传递value默认值

用js传递value默认值的示例代码

 更新时间：2014年09月11日 15:48:02   投稿：whsnow  
这篇文章主要介绍了用js传递value默认值的简单实现,很简单但比较实用，需要的朋友可以参考下

需求和代码如下：

“这是我的代码：”

<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>

效果：



在第一个文本框中输入的内容能同步到第二个文本框

您可能感兴趣的文章:

相关文章

  • Bootstrap学习笔记 轮播（Carousel）插件

    Bootstrap学习笔记 轮播（Carousel）插件

    Bootstrap 轮播（Carousel）插件是一种灵活的响应式的向站点添加滑块的方式。这篇文章主要介绍了Bootstrap学习笔记 轮播（Carousel）插件,需要的朋友可以参考下
    2017-03-03
  • Javascript玩转继承（三）

    Javascript玩转继承（三）

    在前两篇文章中，介绍了构造继承和原型继承。今天把剩下的两种写完，这两种的应用相对于前两种来说应用很少，因此我把他们称为是非主流继承方式
    2014-05-05
  • layer弹窗在键盘按回车将反复刷新的实现方法

    layer弹窗在键盘按回车将反复刷新的实现方法

    今天小编就为大家分享一篇layer弹窗在键盘按回车将反复刷新的实现方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • javascript中的五种基本数据类型

    javascript中的五种基本数据类型

    在javascript中申明变量使用的关键字都是var，这点与其他的编程语言不尽相同，但是javascript亦含有五种基本的数据类型（也可以说是简单数据类型），它们分别是：Undefined，Null，Boolean，Number和String。还含有一种复杂数据类型—Object。这里我们不谈复杂数据类型
    2015-08-08
  • 基于JQuery+HTML+JavaScript实现地图位置选取和地址模糊查询

    基于JQuery+HTML+JavaScript实现地图位置选取和地址模糊查询

    本文详细讲解了如何使用 JQuery+HTML+JavaScript 实现移动端页面中的地图位置选取功能,本文逐步展示了如何构建基本的地图页面,如何通过点击地图获取经纬度和地理信息,以及如何实现模糊查询地址并在地图上标注,感兴趣的小伙伴跟着小编一起来看看吧
    2024-07-07
  • javascript深拷贝的原理与实现方法分析

    javascript深拷贝的原理与实现方法分析

    这篇文章主要介绍了javascript深拷贝的原理与实现方法,简单分析了值传递和引用传递的原理与实现方法,并结合实例形式给出了深拷贝的具体实现技巧,需要的朋友可以参考下
    2017-04-04
  • 浅析C/C++,Java,PHP,JavaScript,Json数组、对象赋值时最后一个元素后面是否可以带逗号

    浅析C/C++,Java,PHP,JavaScript,Json数组、对象赋值时最后一个元素后面是否可以带逗号

    这篇文章主要介绍了浅析C/C++,Java,PHP,JavaScript,Json数组、对象赋值时最后一个元素后面是否可以带逗号的相关资料,需要的朋友可以参考下
    2016-03-03
  • JavaScript利用正则表达式去除日期中的-

    JavaScript利用正则表达式去除日期中的-

    页面的日期格式是：YYYY-MM-DD，而数据库中的日期格式是：YYYYMMDD，两者之间需要转换一下，本文利用正则表达式去掉-
    2014-06-06
  • JS 自动完成 AutoComplete(Ajax 查询)

    JS 自动完成 AutoComplete(Ajax 查询)

    实现类似于百度或谷歌的搜索下拉列表的，就是打开百度往里输入你要查询的条件，只要你一输入他就自动弹出一个下拉列表框，并显示相关所有搜索内容
    2009-07-07
  • javascript去掉代码里面的注释

    javascript去掉代码里面的注释

    这篇文章主要介绍了javascript去掉代码里面的注释的方法和具体代码，有需要的小伙伴可以参考下。
    2015-07-07

最新评论