jquery는 동적으로 텍스트 요소를 추가하고 텍스트 내용을 삭제합니다.

이 코드는 jquery를 사용하여 제한된 양의 텍스트(이 경우 5개)를 동적으로 추가하고 요소를 추가하는 데 after() 메서드를 사용합니다.

코드 복사 코드는 다음과 같습니다:

<script> <br>$(document).ready(function(){ <br>var spotMax = 5;//추가된 총 텍스트 요소 수 제한 <br>var afterId = 0;/ /추가할 요소의 ID <br>var newId=1;//새로 생성된 텍스트의 ID <br>if($('table#vote').size() >= spotMax) {} <br>$( "#btnAddOption").click(function(){ <br>afterId ; <br>newId=afterId 1; <br>addSpot(this, spotMax,afterId,newId) ; <br>}); <br>}) ; <br>//옵션 메소드 추가<br>function addSpot(obj, sm,afterId,newId) { <br>if($('tr.spot'). size() < sm){ <BR>$ ('#vote_' afterId).after( <BR>'<tr id="vote_' newId '" class="spot"><th>' afterId '</th>' <br>'&lt ;td><input type="text" id="txtInput_' afterId '" class="input-text" value="" size="40" name=" names" /></td> ' <br>'</tr>'); <br>$(":text[id^='txtInput_']").val("텍스트를 입력하세요... ");//새 텍스트 값에 초기화 할당<br>} <br>else{ <br>alert("최대 5표만 추가할 수 있습니다!"); <br>} <br>}; <br>//옵션 재설정<br>$(" input#btnResetOption").click(function(){ <br>$(":text[id^='txtInput_']").val("");// 텍스트 내용 지우기<br>}); <br></script>

!--다음은 HTML 코드 블록의 시작 부분입니다-->

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

< ;tr>

설문조사 이름
설문조사 설명
시작 시간
종료 시간	>		🎜>라디오 선택 객관식
투표 옵션	<입력 유형 ="reset" id="btnResetOption" name="btnResetOption" class="button" value="옵션 재설정"/> < ;/td>

다음은 실행입니다. 효과: