집 >웹 프론트엔드 >JS 튜토리얼 >text box_javascript 기술의 값을 가져오거나 변경하는 JavaScript 예제 코드

text box_javascript 기술의 값을 가져오거나 변경하는 JavaScript 예제 코드

WBOY원래의: 2016-05-16 17:27:141426검색

와 는 서로 다른 요소이지만 둘 다 텍스트 상자에 포함된 텍스트를 가져오는 동일한 기능을 지원합니다. 다음 예를 고려하십시오. <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 행="5" cols="25" id="txt2"></textarea> ;<br / ><br><input type="button" value="값 가져오기" onclick="getValues()"/><br></body><br></html> <br> </div> <br>이 예에서는 두 개의 텍스트 상자(한 줄, 여러 줄)와 버튼을 보여줍니다. 버튼을 클릭하면 각 텍스트 상자의 내용을 보여주는 경고 상자가 나타납니다. <br><br>두 개의 텍스트 상자에 내용을 입력하고 버튼을 클릭할 수도 있습니다. <br><br>value 속성은 문자열이므로 어떤 문자열 속성이나 메소드도 사용할 수 있습니다. 예를 들어, 길이 속성을 사용하여 텍스트 상자의 텍스트 길이를 가져올 수 있습니다. <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("The 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 행="5" cols= "25" id="txt2">

< ;/html>

이 예에서는 value의 길이 속성을 사용하여 각 텍스트 상자의 문자 수를 결정합니다.

이 값 속성은 텍스트 상자의 새 내용을 설정하는 데에도 사용할 수 있습니다.

코드 복사 코드는 다음과 같습니다. 다음은 다음과 같습니다.

텍스트 상자 값 변경 예

<입력 유형= "text" size="12 " id="txt1" />

이 예에서 버튼을 클릭하면 첫 번째 텍스트 상자가 "첫 번째 텍스트 상자"로 설정되고 두 번째 텍스트 상자가 "두 번째 텍스트 상자"로 설정됩니다.

성명：

이전 기사：js 데이터에 더하기 기호가 포함되어 있고 ajax_javascript 기술을 통해 백그라운드로 전송될 때 연결 오류 문제를 해결합니다.다음 기사：js 데이터에 더하기 기호가 포함되어 있고 ajax_javascript 기술을 통해 백그라운드로 전송될 때 연결 오류 문제를 해결합니다.

text box_javascript 기술의 값을 가져오거나 변경하는 JavaScript 예제 코드

관련 기사