ホームページ > 記事 > ウェブフロントエンド > js_javascriptスキルを使用して値のデフォルト値を渡すサンプルコード
js_javascriptスキルを使用して値のデフォルト値を渡すサンプルコード
- WBOYオリジナル
- 2016-05-16 16:36:311038ブラウズ
要件とコードは次のとおりです:
「これは私のコードです:」
<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 は動的な値です)
固定されており、変更できません
私の簡単な実装:
<!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>
効果:
最初のテキスト ボックスに入力した内容は、2 番目のテキスト ボックスに同期できます
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。