テキストボックスの値を取得/変更するための JavaScript サンプルコード

テキストボックスの値を取得/変更するための JavaScript サンプルコード_javascript スキル

WBOY

リリース： 2016-05-16 17:27:14

オリジナル

1360 人が閲覧しました

とは別の要素ですが、どちらもテキストボックスに含まれるテキストを取得する同じ機能をサポートします。次の例を考えてみましょう: <br></p> <div class="codetitle"> <span><a style="CURSOR: pointer" data="89225" class="copybut" id="copybut89225" onclick="doCopy('code89225')"><u> コードをコピーします </u></a></span> コードは次のとおりです: </div> <div class="codebody" id="code89225"> <br><html> ;<BR>< ;head><br><title>テキストボックス値の取得の例</title><br><script type="text/javascript"><br>function getValues(){<br> var oTextbox1=document.getElementById("txt1");<br>var oTextbox2=document.getElementById("txt2");<br>alert("txt1 の値は "" oTextbox1.value ""n" <br> "txt2 の値は"" oTextbox2.value """);<br>}<br></script><br></head><br><body><br><入力タイプ="text" size ="12" id="txt1" /><br/><br><textarea rows="5"cols="25" id="txt2"></textarea> ;<br / ><br><input type="button" value="値を取得" onclick="getValues()"/><br></body><br></html> <br> </div> <br>この例では、2 つのテキストボックス (1 つは単一行、もう 1 つは複数行) と 1 つのボタンを示しています。ボタンをクリックすると、各テキストボックスの内容を示すアラートボックスが表示されます。 <br><br>2 つのテキストボックスに内容を入力してボタンをクリックすることもできます。 <br><br>value 属性は文字列であるため、任意の文字列属性とメソッドを使用できます。たとえば、length 属性を使用して、テキストボックス内のテキストの長さを取得できます。 <br><div class="codetitle"> <span><a style="CURSOR: pointer" data="80939" class="copybut" id="copybut80939" onclick="doCopy('code80939')"><u>コードをコピー </u></a></span> コード</div> <div class="codebody" id="code80939"> <br><html><br><head><br><title>テキストボックスの長さの取得の例</title><br><script type="text /javascript"><br>function getLengths (){<br>var oTextbox1=document.getElementById("txt1");<br>var oTextbox2=document.getElementById("txt2");<br>alert (" txt1 の長さは " oTextbox1.value.length "n"<br> "txt2 の長さは" oTextbox2.value.length);<br>}<br></script><br></head> <br><body><br> <input type="text" size="12" id="txt1"/><br /><br><textarea rows="5"cols= "25" id="txt2">

< ;/html>

この value 属性は、テキストボックスの新しいコンテンツを設定するために使用することもできます。