用js傳遞value默認(rèn)值的示例代碼
更新時間：2014年09月11日 15:48:02 投稿：whsnow
這篇文章主要介紹了用js傳遞value默認(rèn)值的簡單實(shí)現(xiàn),很簡單但比較實(shí)用，需要的朋友可以參考下
需求和代碼如下：
“這是我的代碼：”
<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>
問題：現(xiàn)在打開這個頁面，trueprice的值默認(rèn)是空的，怎樣才能實(shí)現(xiàn)默認(rèn)打開這個頁面trueprice就已經(jīng)和price2一樣了呢？（price2是一個動態(tài)的數(shù)值）
<input type=”text” id=”trueprice” value=”” />是固定不可以修改的
我的一個簡單實(shí)現(xiàn)：
<!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>
效果：
在第一個文本框中輸入的內(nèi)容能同步到第二個文本框
相關(guān)文章
如何進(jìn)行微信公眾號開發(fā)的本地調(diào)試的方法
這篇文章主要介紹了如何進(jìn)行微信公眾號開發(fā)的本地調(diào)試的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-06-06
JS實(shí)現(xiàn)頁面鼠標(biāo)點(diǎn)擊出現(xiàn)圖片特效
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)頁面鼠標(biāo)點(diǎn)擊出現(xiàn)圖片特效，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-08-08
數(shù)組如何求最大值，想必很多的朋友都不會吧，本文為大家介紹下javascript中數(shù)組是如何求最大值的，感興趣的朋友不要錯過2013-12-12
本文主要給大家講述了如何用JS和JQuery兩種方式實(shí)現(xiàn)雪花飄落的動畫效果，有需要的朋友收藏一下吧。2017-11-11
這篇文章主要給大家介紹了在webpack打包后直接訪問頁面圖片路徑錯誤的解決方法，文中介紹的非常詳細(xì)，對遇到這個問題的朋友們具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起看看吧。2017-06-06
js實(shí)現(xiàn)七夕表白彈幕效果 jQuery實(shí)現(xiàn)彈幕技術(shù)
這篇文章主要介紹了js實(shí)現(xiàn)七夕表白彈幕效果，jQuery實(shí)現(xiàn)彈幕技術(shù)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-08-08
這篇文章主要介紹了js中for in語句的用法講解,本文用多個實(shí)例講解了for in語句的用法及適合場景,需要的朋友可以參考下2015-04-04
javascript代碼在ie8里報錯 document.getElementById(...) 為空或不是對象的解決方
今天更升級了ie8,發(fā)現(xiàn)原來在ie7下可以運(yùn)行的代碼，不能運(yùn)行了，發(fā)現(xiàn)了一些細(xì)節(jié)，附臨時修改辦法。2009-11-11
學(xué)習(xí)JavaScript一定要知道的3個小技巧
這篇文章主要給大家分享的是學(xué)習(xí)JavaScript一定要知道的3個小技巧，通常在 Angular 或 React 項(xiàng)目中，code review 時看到一些老式的 JavaScript 代碼，就會將開發(fā)人員歸類為初學(xué)者，下面我們就來一起看看初學(xué)者需要知道的三個小技巧,需要的朋友可以參考一下2021-12-12
JavaScript+html5 canvas繪制的圓弧蕩秋千效果完整實(shí)例
這篇文章主要介紹了JavaScript+html5 canvas繪制的圓弧蕩秋千效果,以完整實(shí)例形式分析了JavaScript集合html5的canvas繪制圖形的相關(guān)技巧,需要的朋友可以參考下2016-01-01