javascript, ajax, html

ajax를 사용해서 span 태그 안에 각종 html 폼태그을 형성한 이후

나중에 자바스크립트를 통해서 html폼태그의 값을 불러오는데 문제가 생긴다.

예를 들어 span 태그가 있고, 전체 form 이름이 frm이라고한뒤,

span 태그 아이디가 id 라고 가정했을때

ajax를 통해 span 태그 안에 <input type='text' name='test' id='test'>를 생성했다고 치면,

자바스크립트로 document.frm.test.value를 불러오면 아무런 반응을 안한다.

ie에서는 정상적으로 동작한다. 크롬, 파폭, 사파리, 오페라가 작동을 안한다.

이문제때문에 며칠을 고민했다. 

전체가 다 안되면 뭔가 문제가 있구나 생각하고 근본부터 뜯어고칠텐데...

개인적으로 개발테스트로 가장많이 사용하는 ie에서는 정상작동하는데 다른브라우저에서는 반응조차 없으니 환장할 노릇이다.

답은 간단했다. 

document.frm.test.value => document.getElementById("test").value 

이 한줄을 위해 구글링하고 고민했던것이다. 

어쨌던 해결 완료