テキストボックスの選択値をJavaScriptで置き換える方法-フロントエンドQ&A-php.cn

テキストボックスの選択値をJavaScriptで置き換える方法

WBOY

リリース： 2022-01-12 16:09:29

オリジナル

2831 人が閲覧しました

JavaScript では、value 属性を使用して、テキストボックスで選択した値を置き換えることができます。この属性は、パスワードフィールドのデフォルト値を設定または返すことができます。テキストボックスを変更するには、テキストボックスを取得します。オブジェクトとその値属性を変更します。値、構文は「テキスト選択オブジェクトを指定します。値='置換された値'」です。

テキストボックスの選択値をJavaScriptで置き換える方法

このチュートリアルの動作環境: 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=&#39;8888&#39;;
    }
  </script>
</body>
</html>

ログイン後にコピー

出力結果:

テキストボックスの選択値をJavaScriptで置き換える方法