Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

JavaScriptでテキストボックスを選択することは可能ですか？

はい、select（）メソッドを使用してJavaScriptでテキストボックスを選択します。まず、入力テキストを作成しましょう-

Enter your Name:<input type="text" id="txtName" value="John">
<br>
<button type="button" onclick="check()">Select Text Box</button>

次に、ボタンクリックでテキストボックスを選択します-

例 

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initialscale=1.0">
<title>Document</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>
<body>
Enter your Name:<input type="text" id="txtName" value="John">
<br>
<button type="button" onclick="check()">Select Text Box</button>
<script>
   function check(){
      document.getElementById("txtName").select();
   }
</script>
</body>
</html>

上記のプログラムを実行するには、ファイル名「anyName.html（index.html）」を保存して、ファイルを右クリックします。 VSCodeEditorで[OpenwithLiveServer]オプションを選択します。

出力

これにより、次の出力が生成されます-

JavaScriptでテキストボックスを選択することは可能ですか？

「テキストボックスの選択」ボタンをクリックすると、テキストボックスが選択されます。これにより、次の出力が生成されます-

JavaScriptでテキストボックスを選択することは可能ですか？


  1. JavaScriptで特定のテキストを含むdivを非表示にしますか？

    最初に、getElementsByClassName（）を使用してdivクラスを抽出し、forループを反復処理し、OR条件を使用して特定のテキストを表示する必要があります。 また、yourDiv.style.display =’none’を設定します。 以下はJavaScriptコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content

  2. JavaScriptで<strong>タグにテキストを設定するにはどうすればよいですか？

    まず、要素-を設定します <strong id="strongDemo">Replace This strong tag</strong> 上記で設定されたid属性は、＃-を使用してテキストを設定するために使用されます。 $(document).ready(function(){    $("#strongDemo").html("Actual value of 5+10 is 15....."); }); 例 <!DOCTYPE html> <html lang=&qu