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