묻고답하기
단일 건 입력이 아닌 여러건 입력이 가능한 폼은 어떻게 만드는지 궁금합니다.
2005.10.11 17:18
공부를 하다 보니 전부 단일 건으로 입력되는 폼인데...
제가 생각하는 화면은 여러 건을 한번에 입력할 수 있는 화면이거든요.
그래서 처음에는 한줄만 있지만, 더 필요하면 버튼을 눌러 라인을 생성하고
그것에 여러 라인을 입력후 확인 버튼을 통해 여러 줄의 데이터를 입력받으려고 합니다.
받고 나서 입력하는 부분은 로직이 서는데, 화면을 어떻게 그려야 하는지 도통 모르겠네요.
도움 부탁드립니다.
댓글 2
-
beMax
2005.10.11 20:17
-
엑슈
2005.10.12 13:54
몇가지 더 궁금한 점이 생겨서 질문하겠습니다.
입력폼 4개를 한줄이라고 생각할때, 추가 버튼으로 4개의 입력폼을 만드려고 for 문을 돌리려고 하는데요.
input.type 과 input.name 을 변수로 받으려고 하니 자바스크립트에서 어떻게 쓰는지를 몰라서 고민하고 있습니다.
function AddItem(){
for (i = j; i < j + 4; i++) {
var nm = "a[" + i + "]"
var input = document.createElement("INPUT" );
input.type = "text";
input.name = nm;
Dynamic.appendChild(input);
}
}
이렇게 변경하니 안먹네요. - -;;
도와주세요.ㅠ_ㅠ
입력1 <input type="text" name="a[]"><br>
입력2 <input type="text" name="a[]"><br>
입력3 <input type="text" name="a[]"><br>
입력4 <input type="text" name="a[]"><br>
<input type="button" value="추가" onclick="AddItem()"><br>
<input type="submit" value="전송"><br>
</form>
입력폼은 이렇게 증가하구요
<script>
function AddItem(){
var input = document.createElement("INPUT" );
input.type = "text";
input.name = "a[]";
Dynamic.appendChild( input );
}
</script>
추가버튼으로 AddItem함수를 호출하여 입력폼을 증가시킵니다.
그럼 스크립트에선 이런식으로 배열접근이 가능 합니다.
<script>
var length = Dynamic["a[]"].length; // 입력폼갯수
var first = Dynamic["a[]"][0]; // 첫번째 입력폼
</script>
그리고 php에선
알아서 $a 는 array 입니다.