묻고답하기

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

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 남기남
석향희	포토샵프로그램을 실행하면요.. [4]	2007.08.10
레드	정말... 제발 가르쳐 주세요 ㅠ.ㅜ [1]	2007.08.10
김태우	[포토샵6]슬라이스로 자른 이미지를 어떻게 저장합니까? [2]	2007.08.10
	사사미&윈플레이어 가동시 문젠데여
피아노™	롤오버.. [2]	2007.08.10
카르페디엠	iframe에서는 웹폰트 적용할수 없나요? [2]	2007.08.10
정은준	[요청] IRC 서버 구축에 관한 강좌를 요청합니다. [1]	2007.08.10
유지호	<PHP>일일이 echo를 줄마다 쓰지않아도 되는 방법은 없을까요? [2]	2007.08.10
Uriel	프로모션에서요
RCT 웹진닷컴	포토샵과 페인트샵중에 어느것이..? [5]	2007.08.10
HomeBox™	이 프로그램에 첨부파일 기능을 추가 하실수있는분은 좀 도와주세요!
푸다기	include에러가 나네요. 좀 도와주세요. [5]	2007.08.10
슈가	FTP관련해서.. [1]	2007.08.10
한국인	스트립슬래시 함수를 별도로 일일이 지정해 주어야 하나요?
이명주	★★★ asf 파일이나 wma 파일 재생 도중 끊어져버림 [3]	2007.08.10
서민웅	이 링크의 폰트를 알려주세요 !!! [4]	2007.08.10
Scheherazad	테이블에 관한 질문이에요~ 답변 부탁드릴게요^^ [2]	2007.08.10
유승훈	마우스 스크롤휠 작동 안되게 하는방법 아시는분 계신가요? 고수님들 제발..좀.. [4]	2007.08.10
[CuTE_YaaKi]	★하이퍼링크가 버튼처럼 움직이는거★ [2]	2007.08.10
양의석	페이지 검색 (두개나 연속으로 물어 보네요..)
포터시네마	서버에서 시간빼오기;; [1]	2007.08.10
양의석	플래쉬에서... 마스크레이어로
화려한 솔로	[re] 플래쉬에서... 마스크레이어로
아기	나크로스와같은 스크롤은 어케만드나요? [1]	2007.08.10
하이창	http://www.ye.ro/ 라는곳에 입주를 하려하는데요. 혹시 아시는분 계시는요. [1]	2007.08.10
장성우	외부 로그인을 열심히 하고 있습니다 그런데 그림이 뜨질 않아서요.. [2]	2007.08.10
호이쌀^^	저 제로보드 소스 수정하는 법 중에서요ㅡ_ㅡ;;
zzoi	네임서버에 대하여.. [1]	2007.08.10
레드	풀스크린으로 여는거요 [2]	2007.08.10
레드	동영상 강좌

태그 쓰기

묻고답하기

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

댓글 3

서방서방

미사일발사

서방서방

About

Get involved

Blog

Download

Support

Showcase