jQuery의 동적 테이블 동적 양식
2835 단어 jquery
<script type="text/javascript" src="/include/jquery/jquery-1.1.3.1.pack.js"></script>
<script language="javascript">
$("#addjobline").css("cursor","pointer");
$("#rmjobline").css("cursor","pointer");
$("#addjobline").click( function() {
jobline+=1;
$("#jobline").val(jobline);
var str="";
str+='<tr id="jobline'+jobline+'">'
str+='<td><input type="text" name="brq'+jobline+'"></td>'
str+='<td><input type="text" name="erq'+jobline+'"></td>'
str+='<td><input type="text" name="school'+jobline+'"></td>'
str+='<td><input type="text" name="spe'+jobline+'"></td>'
str+='</tr>';
$("#job").append(str);
} );
$("#rmjobline").click( function() {
$("#jobline"+jobline).remove();
jobline-=1;
$("#jobline").val(jobline);
} );
</script> jQuery 아래에는 동적 표 동적 양식의 HTML 코드가 있습니다.
<script>var jobline=1;</script>
<input type="hidden" name="jobline" id="jobline" value="1">
<table width="462" border="0" cellspacing="3" cellpadding="0">
<tr>
<td width="88" class="td1"> </td>
<td width="88" class="td1"> </td>
<td width="117" class="td1"> </td>
<td width="115" class="td1"> </td>
</tr>
<tbody id="job">
<tr id="jobline1">
<td><input type="hidden" name="jid1"><input type="text" name="brq1" ></td>
<td><input type="text" name="erq1"></td>
<td><input type="text" name="school1"></td>
<td><input type="text" name="spe1"></td>
</tr>
</tbody>
</table>
<img src="http://images.cnblogs.com/member/03.jpg" id="addjobline" width="12" height="17" /> <img src="http://images.cnblogs.com/member/04.jpg" id="rmjobline" width="12" height="17" />
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
jQuery 전후 예이 기사에서는 jquery after() 및 before() 메소드의 예를 볼 것입니다. before() 메서드는 선택한 요소 앞에 지정된 콘텐츠를 삽입합니다. after() 메서드는 선택한 요소 뒤에 지정된 콘텐츠...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
