用js傳遞value默認(rèn)值的示例代碼
更新時間：2014年09月11日 15:48:02 投稿：whsnow
這篇文章主要介紹了用js傳遞value默認(rèn)值的簡單實現(xiàn),很簡單但比較實用，需要的朋友可以參考下
需求和代碼如下：
“這是我的代碼：”
<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)是空的，怎樣才能實現(xiàn)默認(rèn)打開這個頁面trueprice就已經(jīng)和price2一樣了呢？（price2是一個動態(tài)的數(shù)值）
<input type=”text” id=”trueprice” value=”” />是固定不可以修改的
我的一個簡單實現(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)文章
Bootstrap學(xué)習(xí)筆記 輪播（Carousel）插件
Bootstrap 輪播（Carousel）插件是一種靈活的響應(yīng)式的向站點添加滑塊的方式。這篇文章主要介紹了Bootstrap學(xué)習(xí)筆記 輪播（Carousel）插件,需要的朋友可以參考下2017-03-03
在前兩篇文章中，介紹了構(gòu)造繼承和原型繼承。今天把剩下的兩種寫完，這兩種的應(yīng)用相對于前兩種來說應(yīng)用很少，因此我把他們稱為是非主流繼承方式2014-05-05
layer彈窗在鍵盤按回車將反復(fù)刷新的實現(xiàn)方法
今天小編就為大家分享一篇layer彈窗在鍵盤按回車將反復(fù)刷新的實現(xiàn)方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
在javascript中申明變量使用的關(guān)鍵字都是var，這點與其他的編程語言不盡相同，但是javascript亦含有五種基本的數(shù)據(jù)類型（也可以說是簡單數(shù)據(jù)類型），它們分別是：Undefined，Null，Boolean，Number和String。還含有一種復(fù)雜數(shù)據(jù)類型—Object。這里我們不談復(fù)雜數(shù)據(jù)類型2015-08-08
基于JQuery+HTML+JavaScript實現(xiàn)地圖位置選取和地址模糊查詢
本文詳細(xì)講解了如何使用 JQuery+HTML+JavaScript 實現(xiàn)移動端頁面中的地圖位置選取功能,本文逐步展示了如何構(gòu)建基本的地圖頁面,如何通過點擊地圖獲取經(jīng)緯度和地理信息,以及如何實現(xiàn)模糊查詢地址并在地圖上標(biāo)注,感興趣的小伙伴跟著小編一起來看看吧2024-07-07
這篇文章主要介紹了javascript深拷貝的原理與實現(xiàn)方法,簡單分析了值傳遞和引用傳遞的原理與實現(xiàn)方法,并結(jié)合實例形式給出了深拷貝的具體實現(xiàn)技巧,需要的朋友可以參考下2017-04-04
淺析C/C++,Java,PHP,JavaScript,Json數(shù)組、對象賦值時最后一個元素后面是否可以帶逗號
這篇文章主要介紹了淺析C/C++,Java,PHP,JavaScript,Json數(shù)組、對象賦值時最后一個元素后面是否可以帶逗號的相關(guān)資料,需要的朋友可以參考下2016-03-03
頁面的日期格式是：YYYY-MM-DD，而數(shù)據(jù)庫中的日期格式是：YYYYMMDD，兩者之間需要轉(zhuǎn)換一下，本文利用正則表達(dá)式去掉-2014-06-06
實現(xiàn)類似于百度或谷歌的搜索下拉列表的，就是打開百度往里輸入你要查詢的條件，只要你一輸入他就自動彈出一個下拉列表框，并顯示相關(guān)所有搜索內(nèi)容2009-07-07
這篇文章主要介紹了javascript去掉代碼里面的注釋的方法和具體代碼，有需要的小伙伴可以參考下。2015-07-07