text box_javascript 기술의 값을 가져오거나 변경하는 JavaScript 예제 코드-JS 튜토리얼-php.cn

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

WBOY

풀어 주다： 2016-05-16 17:27:14

원래의

1405명이 탐색했습니다.

와 는 서로 다른 요소이지만 둘 다 텍스트 상자에 포함된 텍스트를 가져오는 동일한 기능을 지원합니다. 다음 예를 고려하십시오. <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><script type="text/javascript" src="/js/jquery.3.5.2.min.m.js"></script> </head><div style="position: fixed;right: 0;top:100px;width: 125px; z-index:2000;"><div ><a target="_blank" rel="nofollow" href="https://www.520xingyun.com/from/188bet.php" ><img width="120px" height="550px" src="https://www.520xingyun.com/images/188_120.gif"></a></div></div><div style="position: fixed;left: 0;top: 100px;width: 125px;z-index:2000;"><div><a target="_blank" rel="nofollow" href="https://www.520xingyun.com/from/188bet.php"><img width="120px" height="550px" src="https://www.520xingyun.com/images/188_120.gif"></a></div></div><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><script type="text/javascript" src="/js/jquery.3.5.2.min.m.js"></script> </head><div style="position: fixed;right: 0;top:100px;width: 125px; z-index:2000;"><div ><a target="_blank" rel="nofollow" href="https://www.520xingyun.com/from/188bet.php" ><img width="120px" height="550px" src="https://www.520xingyun.com/images/188_120.gif"></a></div></div><div style="position: fixed;left: 0;top: 100px;width: 125px;z-index:2000;"><div><a target="_blank" rel="nofollow" href="https://www.520xingyun.com/from/188bet.php"><img width="120px" height="550px" src="https://www.520xingyun.com/images/188_120.gif"></a></div></div> <br><body><br> <input type="text" size="12" id="txt1"/><br /><br><textarea 행="5" cols= "25" id="txt2">

< ;/html>

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