|
xtx.kr
입력항목을 추가해주세요.
입력폼 추가 |
입력폼 삭제
소스
<HTML>
<HEAD>
<title>xtx.kr</title>
<script type="text/javascript">
<!--
var arrInput = new Array(0);
var arrInputValue = new Array(0);
function addInput() {
//arrInput.push(createInput(arrInput.length));
arrInput.push(arrInput.length);
//arrInputValue.push(arrInputValue.length);
arrInputValue.push("");
display();
}
function display() {
document.getElementById('parah').innerHTML="";
for (intI=0;intI<arrInput.length;intI++) {
document.getElementById('parah').innerHTML+=createInput(arrInput[intI],
arrInputValue[intI]);
}
}
function saveValue(intId,strValue) {
arrInputValue[intId]=strValue;
}
function createInput(id,value) {
return "<input type='text' id='test "+ id +"' onChange='javascript:saveValue("+
id +",this.value)' value='"+ value +"'><br>";
}
function deleteInput() {
if (arrInput.length > 0) {
arrInput.pop();
arrInputValue.pop();
}
display();
}
// End -->
</script>
</HEAD>
<BODY>
<p id="parah">입력항목을 추가해주세요.</p>
<a href="javascript:addInput()">입력폼 추가</a> |
<a href="javascript:deleteInput()">입력폼 삭제</a>
</BODY>
</HTML>
|
추천 : 