묻고답하기

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

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 남기남
nak5	맴버 테이블에 필드 추가하기 [2]	2015.08.02 _by nak5
say_oow	검색관련 질문드려요. 비밀글은 원래 검색에 안나오나요? [2]	2015.08.02 _by say_oow
ryuking	500 Internal ERROR XE 에러입니다 ... 도움부탁드립니다. [6]	2015.08.02 _by ryuking
이온디	위젯에 widget_sequence를 넣지 않아도 캐시 기능이 작동하나요? [1]	2015.08.02 _by 퍼니엑스이
호띠	확장변수(사용자정의) 사용시 수정페이지 질문 [1]	2015.08.02 _by sejin7940
제대로만들자	!$ 와 != 의 차이점?? [4]	2015.08.02 _by sejin7940
이온디	rank_point 위젯에서 자꾸 이런 오류가 뜹니다. [3]	2015.08.02 _by 이온디
파파민	사라진 common.min.js 파일의 역할? [2]	2015.08.01 _by 파파민
이태배기	xe폴드를 없애기 [3]	2015.08.01 _by purecity
CrowTM	링크뒤에 xe 없애기 [2]	2015.08.01 _by purecity
REXLUNA	게시판 글쓰기 완료후 목록으로 가지 않는현상 [3]	2015.08.01 _by LiXCode
크루미	포인트 레벨을 줄일수가 없어요 [1]	2015.08.01 _by 크루미
T3RR3T	SCM player 설치시 로그인 문제 [2]	2015.08.01 _by T3RR3T
가을풍경	content 위젯에 특정글 가져오기 추가를 어떻게 하나요? [2]	2015.08.01 _by 가을풍경
thdwjdtjr	메인 게시판에 이미지를 추가로 출력하는 방법 [2]	2015.08.01 _by DoorWeb
성질급한거북이	xe 페이지 수정에서 내용 직접 추가 하면 잘못된 요청이란 에러가 뜨는데
제로보드신세계잼	홈페이지 로그인을 아이디로 변경해놨는데 아이디가 생각나질 않아 로그인을 못합니다..ㅠㅠ [2]	2015.08.01 _by DoorWeb
아스프로코리아	XE 업데이트 불가 [3]	2015.08.01 _by Double'U'
아스프로코리아	XE 설치후 첫화면이 이상합니다. [2]	2015.08.01 _by 아스프로코리아
소나기..	관리자계정이 댓글30개넘는글은 불러오기가 안됩니다. [2]	2015.08.01 _by 퍼니엑스이
꽃차	plannerXE123패치파일을 업로드한뒤 이렇게 떠요
꾸링	전체 메일링 모듈 1.7에서 전체메일 부분이 정상적이질 않습니다.
여우녀	혹시 생년월일에 따라 그룹이 지정되게는 할 수 없을까요?
가르송	스케치북 게시판 비밀글 설정.. [1]	2015.07.31 _by 반걸
히나토아휴	imgur, 트래픽 절감에 효과가 있나요? [5]	2015.07.31 _by 반걸
싸나이냥꼬	파비콘을 만들었는데;;;; *.ico 파일 업데이트가 안되네요. [4]	2015.07.31 _by 싸나이냥꼬
newi	아파치에서 nginx 옮기려면 방법좀... [9]	2015.07.31 _by newi
이온디	최근게시물에서 썸네일 추출하기 [4]	2015.07.31 _by 이온디
내사랑하이룽	슬라이더 수정 방법 질문입니다.
아형여옹	외부 링크 이미지 이거 어떻게 하는건가요? [1]	2015.07.31 _by 닉이

태그 쓰기

묻고답하기

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

댓글 3

서방서방

미사일발사

서방서방

About

Get involved

Blog

Download

Support

Showcase