미채택 완료

셀렉트에서 받아온 값을 input 에 차곡차곡넣으려면 어떻게 해야할까요?

2016-08-01 (월) 20:21:12 2,944
Copy
<a id="option1" onclick="document.getElementById('wr_21').value='A';>A값넣기</a>

보통 이렇게 wr_21 에다가 A 라는 값을 onclick 으로 넣으면 wr_21 에 A라는 값이 들어가는데요

Copy
<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값만 들어가는데요

여러값을 원하는 위치에 넣을수 있는 방법은 없을까요?

예를들어

Copy
<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개 / 댓글 3개

2016-08-01 (월) 20:34:46

통상적으로는 저런 방식으로 이용하지 않습니다.

사람마다 다르긴 다르겠지만요..;

음. 보통은 배열로 처리 합니다. 지금 하고 계신 방법이 정확하게 어떤건지 알 수는 없지만,

배열로 만든후 처리하는 방식이면 현재 방식이 더 올바른 방식으로 보입니다. 

답변에 대한 댓글 3개

2016-08-01 (월) 22:01:13
그림자밟기님 답변 고맙습니다.
안그래도 요즘 스크립트 공부를 하는중인데

배열에 관란 참고할만안 url 이 있을까요?
아니면 스크립트 공부하는데 튜토리얼도 함께 제공하는 그런 사이트 있을까요?? ㅎㅎ
2016-08-02 (화) 13:58:07
음..아무래도 사이트는 잘 모르겠고,
http://www.aladin.co.kr/shop/wproduct.aspx?ItemId=78862734
요런 자바스크립트 책 사서 보는걸 추천드립니다.
또는 궁금한거 있을 때 마다 검색검색 하는거죠.
2016-08-02 (화) 18:20:47
자바스크립트 완벽 가이드 이 책 탐나네요 ㅎㅎ
검색해보니 많이 추천하는 도서 같고 구입해야겠습니다^^

감사합니다^^

답변을 작성하려면 로그인이 필요합니다.