셀렉트에서 받아온 값을 input 에 차곡차곡넣으려면 어떻게 해야할까요?
본문
<a id="option1" onclick="document.getElementById('wr_21').value='A';>A값넣기</a>
보통 이렇게 wr_21 에다가 A 라는 값을 onclick 으로 넣으면 wr_21 에 A라는 값이 들어가는데요
<a id="option1" onclick="document.getElementById('wr_21').value='A';>A값넣기</a><br>
<a id="option2" onclick="document.getElementById('wr_21').value='B';>B값넣기</a>
이렇게 코드를 짜면 wr_21 에 A값을 넣으면 A값만 들어가고 B값을 넣으면 다시 B값만 들어가는데요
여러값을 원하는 위치에 넣을수 있는 방법은 없을까요?
예를들어
<a id="option1" onclick="document.getElementById('wr_21').value='A';>A값넣기</a><br>
<a id="option2" onclick="document.getElementById('wr_21').value='B';>B값넣기</a><br>
<a id="option3" onclick="document.getElementById('wr_21').value='C';>C값넣기</a><br>
<a id="option4" onclick="document.getElementById('wr_21').value='D';>D값넣기</a><br>
<a id="option5" onclick="document.getElementById('wr_21').value='E';>E값넣기</a>
id가 option1 ~ 5 를 가진 a 태그에서 wr_21 에 A ~ E 까지 값을 넣는다고 했을때
해당 값만 단독으로 들어가는게 아닌 지정된 자리에 들어갔으면 합니다.
<input type="text" id="wr_21" value="option1option2option3option4option5">
이런식으로 옵션3은 3번째 자리메만 들어갔으면 합니다.
지금 임시로 하고있는건 input 을 배열할 옵션 갯수만큼 만든다음
나중에 변수에서 input 값을 뽑아오는걸로 하고 있는데요
정석이 아닌것 같고... 또 스크립트중에서 이걸 대체할만한것이 있을것 같아서
여쭈어봅니다^^
아 그리고 그누 능력자님들 항상 감사합니다^^
답변 1
통상적으로는 저런 방식으로 이용하지 않습니다.
사람마다 다르긴 다르겠지만요..;
음. 보통은 배열로 처리 합니다. 지금 하고 계신 방법이 정확하게 어떤건지 알 수는 없지만,
배열로 만든후 처리하는 방식이면 현재 방식이 더 올바른 방식으로 보입니다.
그림자밟기님 답변 고맙습니다.
안그래도 요즘 스크립트 공부를 하는중인데
배열에 관란 참고할만안 url 이 있을까요?
아니면 스크립트 공부하는데 튜토리얼도 함께 제공하는 그런 사이트 있을까요?? ㅎㅎ
음..아무래도 사이트는 잘 모르겠고,
http://www.aladin.co.kr/shop/wproduct.aspx?ItemId=78862734
요런 자바스크립트 책 사서 보는걸 추천드립니다.
또는 궁금한거 있을 때 마다 검색검색 하는거죠.
자바스크립트 완벽 가이드 이 책 탐나네요 ㅎㅎ
검색해보니 많이 추천하는 도서 같고 구입해야겠습니다^^
감사합니다^^
