묻고답하기

다중셀렉트 질문있어서 글올립니다.

2015.07.20 11:35

안녕하세요. 무식하게 코딩하는 사람입니다.

제가 요번에 다중셀렉트를 만들고 있는데

그냥 검색으로 좋은 소스를 찾았습니다.

3단계까지 다중으로 셀렉할 수 있는데요.

for (i=0; i<groups; i++)
group[i]=new Array()

group[0][0]=new Option("---Select2---"," ");

        group[1][0]=new Option("서브 1-1-1"," ");
        group[1][1]=new Option("서브 1-1-2","47");
        group[1][2]=new Option("서브 1-1-3","46");
        group[1][3]=new Option("서브 1-1-4","45");

        group[2][0]=new Option("서브 1-2-1"," ");
        group[2][1]=new Option("서브 1-2-2","115");
        group[2][2]=new Option("서브 1-2-3","116");

var temp=document.isc.stage2

function redirect(x){
    for (m=temp.options.length-1;m>0;m--)
        temp.options[m]=null
    for (i=0;i<group[x].length;i++){
        temp.options[i]=new Option(group[x][i].text,group[x][i].value)
    }
        temp.options[0].selected=true
        redirect1(0)
}

var secondGroups=document.isc.stage2.options.length
var secondGroup=new Array(groups)
    for (i=0; i<groups; i++) {
        secondGroup[i]=new Array(group[i].length)
    for (j=0; j<group[i].length; j++) {
        secondGroup[i][j]=new Array() }}

        secondGroup[0][0][0]=new Option("---Select 3---"," ");
        secondGroup[1][0][0]=new Option("---Select 3---"," ");
        secondGroup[1][1][0]=new Option("Now Select This One"," ");
        secondGroup[1][1][1]=new Option("Website Abstraction","http://www.blueb.co.kr/");
        secondGroup[1][1][2]=new Option("Javascript for the non programmer","http://www.blueb.co.kr/");
        secondGroup[1][1][3]=new Option("Java-scripts.net","http://www.blueb.co.kr/");

        secondGroup[1][2][0]=new Option("Now Select This One"," ");
        secondGroup[1][2][1]=new Option("Dynamic Drive","http://www.blueb.co.kr/");
        secondGroup[1][2][2]=new Option("Beginner\'s Guide to DHTML","http://www.blueb.co.kr/");
        secondGroup[1][2][3]=new Option("Web Coder","http://www.blueb.co.kr/");

        secondGroup[1][3][0]=new Option("Now Select This One"," ");
        secondGroup[1][3][1]=new Option("CGI Resources","http://www.blueb.co.kr/");
        secondGroup[1][3][2]=new Option("Ada\'s Intro to CGI","http://www.blueb.co.kr/");

        secondGroup[2][0][0]=new Option("---Select 3---"," ");
        secondGroup[2][1][0]=new Option("Now Select This One"," ");
        secondGroup[2][1][1]=new Option("CNN","http://www.blueb.co.kr/");
        secondGroup[2][1][2]=new Option("MSNBC","http://www.blueb.co.kr/");
        secondGroup[2][1][3]=new Option("ABC News","http://www.abcnews.com");

        secondGroup[2][2][0]=new Option("Now Select A Page"," ");
        secondGroup[2][2][1]=new Option("News.com","http://www.blueb.co.kr/");
        secondGroup[2][2][2]=new Option("Wired","http://www.blueb.co.kr/");

var temp1=document.isc.stage3

function redirect1(y){
    for (m=temp1.options.length-1;m>0;m--)
        temp1.options[m]=null
    for (i=0;i<secondGroup[document.isc.example.options.selectedIndex][y].length;i++){
        temp1.options[i]=new Option(secondGroup[document.isc.example.options.selectedIndex][y][i].text,secondGroup[document.isc.example.options.selectedIndex][y][i].value)
    }
        temp1.options[0].selected=true
}

function redirect2(z){
window.location=temp1[z].value
}

//-->
</script>

</td>
</tr>
</table>
</FORM>

http://creamnite.com/verse1.3/bbs/board.php?bo_table=board0302&wr_id=93

저는 한단계가 더 필요해서요...

아는게 워낙 없어서 위에 코드만 보고 이렇게 저렇게 하는데도 잘안되서 도움부탁드립니다.

이 게시물을

서방서방

2015.07.21 10:12

첫번째

var groups=document.isc.example.options.length
var group=new Array(groups)

    for (i=0; i<groups; i++)
        group[i]=new Array()

        group[0][0]=new Option("---Select2---"," ");

        group[1][0]=new Option("서브 1-1-1"," ");
        group[1][1]=new Option("서브 1-1-2","47");
        group[1][2]=new Option("서브 1-1-3","46");
        group[1][3]=new Option("서브 1-1-4","45");

        group[2][0]=new Option("서브 1-2-1"," ");
        group[2][1]=new Option("서브 1-2-2","115");
        group[2][2]=new Option("서브 1-2-3","116");

var temp=document.isc.stage2

function redirect(x){
    for (m=temp.options.length-1;m>0;m--)
        temp.options[m]=null
    for (i=0;i<group[x].length;i++){
        temp.options[i]=new Option(group[x][i].text,group[x][i].value)
    }
        temp.options[0].selected=true
        redirect1(0)
}

두번째

var secondGroups=document.isc.stage2.options.length
var secondGroup=new Array(groups)
    for (i=0; i<groups; i++) {
        secondGroup[i]=new Array(group[i].length)
    for (j=0; j<group[i].length; j++) {
        secondGroup[i][j]=new Array() }}

        secondGroup[0][0][0]=new Option("---Select 3---"," ");
        secondGroup[1][0][0]=new Option("---Select 3---"," ");
        secondGroup[1][1][0]=new Option("Now Select This One"," ");
        secondGroup[1][1][1]=new Option("Website Abstraction","http://www.blueb.co.kr/");
        secondGroup[1][1][2]=new Option("Javascript for the non programmer","http://www.blueb.co.kr/");
        secondGroup[1][1][3]=new Option("Java-scripts.net","http://www.blueb.co.kr/");

        secondGroup[1][2][0]=new Option("Now Select This One"," ");
        secondGroup[1][2][1]=new Option("Dynamic Drive","http://www.blueb.co.kr/");
        secondGroup[1][2][2]=new Option("Beginner\'s Guide to DHTML","http://www.blueb.co.kr/");
        secondGroup[1][2][3]=new Option("Web Coder","http://www.blueb.co.kr/");

        secondGroup[1][3][0]=new Option("Now Select This One"," ");
        secondGroup[1][3][1]=new Option("CGI Resources","http://www.blueb.co.kr/");
        secondGroup[1][3][2]=new Option("Ada\'s Intro to CGI","http://www.blueb.co.kr/");

        secondGroup[2][0][0]=new Option("---Select 3---"," ");
        secondGroup[2][1][0]=new Option("Now Select This One"," ");
        secondGroup[2][1][1]=new Option("CNN","http://www.blueb.co.kr/");
        secondGroup[2][1][2]=new Option("MSNBC","http://www.blueb.co.kr/");
        secondGroup[2][1][3]=new Option("ABC News","http://www.abcnews.com");

        secondGroup[2][2][0]=new Option("Now Select A Page"," ");
        secondGroup[2][2][1]=new Option("News.com","http://www.blueb.co.kr/");
        secondGroup[2][2][2]=new Option("Wired","http://www.blueb.co.kr/");

var temp1=document.isc.stage3

function redirect1(y){
    for (m=temp1.options.length-1;m>0;m--)
        temp1.options[m]=null
    for (i=0;i<secondGroup[document.isc.example.options.selectedIndex][y].length;i++){
        temp1.options[i]=new Option(secondGroup[document.isc.example.options.selectedIndex][y][i].text,secondGroup[document.isc.example.options.selectedIndex][y][i].value)
    }
        temp1.options[0].selected=true
}

세번째

function redirect2(z){
    window.location=temp1[z].value
}

세번째를 네번째로 변경하시고

첫번째 두번째를 참고 하셔서 세번째를 추가적 만드시면 됩니다~

좋아요 댓글 신고
미사일발사

2015.07.21 11:19

답변감사합니다.

세번째를 네번째로 변경하시고

첫번째 두번째를 참고 하셔서 세번째를 추가적 만드시면 됩니다~

이게 무슨말씀이신지...

죄송하지만 조금만더 세부적으로 알려주실순 없나요 ㅠㅠ..

답변중 세번째라는 글위에 두번째라는 단락을 추가하고 i,j등을 수정 k를 추가...? temp2도 추가...? redirect3도 추가...?

등등 해보고있는 중이지만 결과가 안나와서요...

좋아요 댓글 신고
서방서방

2015.07.31 12:58

//두번째 selectbox 에 들어갈 option 데이터 설정 Start

var groups=document.isc.example.options.length
var group=new Array(groups)

    for (i=0; i<groups; i++)
        group[i]=new Array()

        group[0][0]=new Option("---Select2---"," ");

        group[1][0]=new Option("서브 1-1-1"," ");
        group[1][1]=new Option("서브 1-1-2","47");
        group[1][2]=new Option("서브 1-1-3","46");
        group[1][3]=new Option("서브 1-1-4","45");

        group[2][0]=new Option("서브 1-2-1"," ");
        group[2][1]=new Option("서브 1-2-2","115");
        group[2][2]=new Option("서브 1-2-3","116");

var temp=document.isc.stage2 //두번째 selectbox 객체

function redirect(x){ //첫번째 selectbox 선택시 상위에 group 데이터 바인딩(첫번째 selectbox 선택 값에 따라 두번째 selectbox 데이터가 틀려짐)
    for (m=temp.options.length-1;m>0;m--)
        temp.options[m]=null
    for (i=0;i<group[x].length;i++){
        temp.options[i]=new Option(group[x][i].text,group[x][i].value)
    }
        temp.options[0].selected=true
        redirect1(0)
}

두번째

//세번째 selectbox 에 들어갈 option 데이터 설정 Start

var secondGroups=document.isc.stage2.options.length
var secondGroup=new Array(groups)
    for (i=0; i<groups; i++) {
        secondGroup[i]=new Array(group[i].length)
    for (j=0; j<group[i].length; j++) {
        secondGroup[i][j]=new Array() }}

        secondGroup[0][0][0]=new Option("---Select 3---"," ");
        secondGroup[1][0][0]=new Option("---Select 3---"," ");
        secondGroup[1][1][0]=new Option("Now Select This One"," ");
        secondGroup[1][1][1]=new Option("Website Abstraction","http://www.blueb.co.kr/");
        secondGroup[1][1][2]=new Option("Javascript for the non programmer","http://www.blueb.co.kr/");
        secondGroup[1][1][3]=new Option("Java-scripts.net","http://www.blueb.co.kr/");

        secondGroup[1][2][0]=new Option("Now Select This One"," ");
        secondGroup[1][2][1]=new Option("Dynamic Drive","http://www.blueb.co.kr/");
        secondGroup[1][2][2]=new Option("Beginner\'s Guide to DHTML","http://www.blueb.co.kr/");
        secondGroup[1][2][3]=new Option("Web Coder","http://www.blueb.co.kr/");

        secondGroup[1][3][0]=new Option("Now Select This One"," ");
        secondGroup[1][3][1]=new Option("CGI Resources","http://www.blueb.co.kr/");
        secondGroup[1][3][2]=new Option("Ada\'s Intro to CGI","http://www.blueb.co.kr/");

        secondGroup[2][0][0]=new Option("---Select 3---"," ");
        secondGroup[2][1][0]=new Option("Now Select This One"," ");
        secondGroup[2][1][1]=new Option("CNN","http://www.blueb.co.kr/");
        secondGroup[2][1][2]=new Option("MSNBC","http://www.blueb.co.kr/");
        secondGroup[2][1][3]=new Option("ABC News","http://www.abcnews.com");

        secondGroup[2][2][0]=new Option("Now Select A Page"," ");
        secondGroup[2][2][1]=new Option("News.com","http://www.blueb.co.kr/");
        secondGroup[2][2][2]=new Option("Wired","http://www.blueb.co.kr/");

var temp1=document.isc.stage3 //세번째 selectbox 객체

function redirect1(y){ //두번째 selectbox 선택시 상위에 secondgroup 데이터 바인딩(첫번째 selectbox값과 두번째 selectbox값에 따라 세번째 selextbox 데이터가 틀려짐)

    for (m=temp1.options.length-1;m>0;m--)
        temp1.options[m]=null
    for (i=0;i<secondGroup[document.isc.example.options.selectedIndex][y].length;i++){
        temp1.options[i]=new Option(secondGroup[document.isc.example.options.selectedIndex][y][i].text,secondGroup[document.isc.example.options.selectedIndex][y][i].value)
    }
        temp1.options[0].selected=true
}

thordgroup 을 만드시고 배열을 늘리시고 위소스 참고 하셔서 하시면 됩니다.

직접 코드로 짜드리기에는 머랄까.. 소스에 대한 이해 없이 만드시는건 ..

좋아요 댓글 신고

글쓴이	제목	최종 글
XE	공지 글 쓰기,삭제 운영방식 변경 공지 [16]	2019.03.05 _by 남기남
인권교육센터메아리	게시판 본문에 고정 내용 넣는 방법 [1]	2015.07.31 _by 기진곰
손주사랑	플래시파일이 깨지는현상 임니다
NEXlak	초기화했는데 예전에 섰던 글이나 메뉴들 어디서 가져오나요?
NEXlak	초기화했는데 예전에 섰던 글이나 메뉴들 어디서 가져오나요?
윷윷	zb4에서 XE로 데이터 옮기기 [5]	2015.07.31 _by 아형여옹
lemon	아이디 비밀번호 찾기 이메일 인증 [6]	2015.07.31 _by lemon
네오랑	무설치 APM Server 업데이트 가능하신분?? [2]	2015.07.31 _by 우리아기
미사일발사	다중셀렉트 질문있어서 글올립니다. [3]	2015.07.31 _by 서방서방
지나콩	ftp 설정 문의 합니다 [3]	2015.07.31 _by 한꼬마
Ystory	한국 우편번호 [4]	2015.07.31 _by Ystory
플레이캠핑	XE1에서 XE3으로 DB이동시 사용자패스워드관련 [2]	2015.07.31 _by 기진곰
히나토아휴	커뮤니티 사이트에 imgur 적용하여 사용하시는 분 계신가요? [3]	2015.07.31 _by YJSoft
Ystory	관리 문의입니다. [8]	2015.07.31 _by Ystory
슛슛슛	분류(카테고리) 생성이 안됩니다. [5]	2015.07.31 _by 별호
XE모듈	XE와 티스토리가 연동될순 없을까요.. [4]	2015.07.31 _by 한꼬마
더블엠씨	스케치북 게시판(웹진형 카드디자인)의 목록의 글자를 키우고 싶습니다. 5시간째 방황중입니다 .ㅜㅜ [9]	2015.07.31 _by 더블엠씨
이온디	여러 게시판을 글을 가져오기
이준행935	확장변수(사용자정의) 정렬문제 의견 부탁드립니다~ [1]	2015.07.31 _by GG
XE모듈	회원들이 글을쓸수 있도록 하는 방법이 없을까요? [3]	2015.08.07 _by AJKJ
sunshine	XE에 프로그램 개발자분들은 안계신가요? [2]	2015.07.31 _by sunshine
댑펑	구글에서 검색하면 PC인데도 모바일화면으로 나와요
이남이다	댓글띄어쓰기문제
kingsony	최신버젼으로 로컬로 처음 설치 하는데, 아래와 같은 메세지 확인 됩니다. [1]	2015.07.30 _by 기진곰
연루bbb1e	모바일로 들어가면 모바일스킨이 피씨버전처럼 떠요... [2]	2015.07.30 _by 브브
PLS	모바일 상단 색깔 넣는 방법 [3]	2015.07.30 _by 불금
서기에요	최고 관리자 외 새로운 관리자 생성! [2]	2015.07.30 _by 서기에요
XE모듈	스팸과의 전쟁.. [4]	2015.07.30 _by hoss
XE모듈	제가 imgur.com 같은 사이트를 제작하고 싶습니다. [12]	2015.07.30 _by mAKEkr
Real	위젯페이지 관련 질문입니다.
김고구마	이미지 클릭시 페이지 내에서 유투브 팝업 뜨게 하기

태그 쓰기

묻고답하기

다중셀렉트 질문있어서 글올립니다.

댓글 3

서방서방

미사일발사

서방서방

About

Get involved

Blog

Download

Support

Showcase