ホームページ > 記事 > ウェブフロントエンド > テキストボックスの選択値をJavaScriptで置き換える方法
テキストボックスの選択値をJavaScriptで置き換える方法
- WBOYオリジナル
- 2022-01-12 16:09:292836ブラウズ
JavaScript では、value 属性を使用して、テキスト ボックスで選択した値を置き換えることができます。この属性は、パスワード フィールドのデフォルト値を設定または返すことができます。テキスト ボックスを変更するには、テキスト ボックスを取得します。オブジェクトとその値属性を変更します。値、構文は「テキスト選択オブジェクトを指定します。値='置換された値'」です。
このチュートリアルの動作環境: Windows 10 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。
テキスト ボックスで選択した値を javascript に置き換える方法
js で、テキスト ボックス オブジェクトを取得し、その value 属性を変更します。値を指定すると、テキスト ボックスの値を変更できます。
例は次のとおりです。
input タグを使用してテキスト ボックスを作成し、その id 属性を test に設定します。これは、以下のテキスト ボックス オブジェクトを取得するために使用されます。 value を通じて入力テキスト ボックスのデフォルト値を設定します。たとえば、ここで設定されるデフォルト値は 5566 です。
button タグを使用してボタンを作成し、onclick イベントを button ボタンにバインドし、ボタンがクリックされたときに editinput() 関数を実行します。
js タグで editinput() 関数を作成し、関数内で id を介して入力オブジェクトを取得し、オブジェクトの value 属性を再割り当てしてテキスト ボックスの値を変更します。
構文は次のとおりです:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<input type="text" value="5566" id="test">
<button onclick="editinput()">修改</button>
<script>
function editinput() {
document.getElementById("test").value='8888';
}
</script>
</body>
</html>出力結果:
以上がテキストボックスの選択値をJavaScriptで置き換える方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。