묻고답하기

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

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 남기남
이어수	리눅스 라우터 안쪽에서 웹서버를 구성할려고 하는데요, 네임서버설정 잘 모르겠습니다.
정명주	플래쉬에 <param>태그로 변수값을 넣어줄 수 가 있는지 궁금합니다.
안데르센	플래쉬에서 자바스크립트처럼 """마우스포커스""" 기능 쓰는법이요...
이혜숙	포토샵.플래쉬 가격질문요
ⓒandy쏘민★	로그인할때요! [1]	2007.08.10
ⓒandy쏘민★	제로보드를 이용해서 노프레임홈을 만들때요! [2]	2007.08.10
Kwas	화상 카메라질문요~~
까꿍이	^^이거 어떻게하죠^^ [1]	2007.08.10
Asurada	포샵 컬러 설정에 대해 궁금한 점이... [1]	2007.08.10
누구야	리눅스 8.0 질문이요..^^;;;(설치 방법중 하나)
캐롤라인	저렴하고 괜찮은 웹호스팅 추천좀해주세요>_< [3]	2007.08.10
손성배	웹이미지 가져오기 단축키요? [2]	2007.08.10
지마니	동영상 재생관련질문입니다.
양의석	[포토샵에서 글자가 너무 작게 나옵니다] [4]	2007.08.10
kmingu88	카페 대문에 ASF 파일을 배경 음악으로 깔려고 하는데요... [1]	2007.08.10
남일이찌개	원프레임 질문입니다. [3]	2007.08.10
북소녀	간단한 로그인 페이지-_-? 만드는 방법.. [3]	2007.08.10
니키	[급구] 그림이 안뜨는군요...★★★★★★★ [2]	2007.08.10
엔젤	MSN 5.0 버전으로 바꾼후부터 접속이 안되요..ㅠㅠ
맘이	로딩화면 어케하는지 ...ㅠ.ㅠ [3]	2007.08.10
『TanG━ⓔ』	이미지 배경맘에 안들때 [2]	2007.08.10
최창희	(최창희) 제발.... 이 소스좀 알으켜주세요~!!~!~!~!~! [1]	2007.08.10
키스	요즘 나야나 FTP안돼나요? [2]	2007.08.10
안주리	포토샵에서 글씨만 쓰면 줄이 -ㅇ- ;; 글씨와 같이 나와용 ;; [1]	2007.08.10
하얀공포	롤오버랑... 레이어를 같이 쓸수 있는 방법 없을까염?? [1]	2007.08.10
안성민	글자가 표를 넘어갑니다. [2]	2007.08.10
Ro.J	계정 평가좀 해주세요. [4]	2007.08.10
kunbi	이 폰트가 뭐죠~~? [2]	2007.08.10
^0^!	노프레임이 안되요..ㅠㅠ [2]	2007.08.10
looksky	포토샵7.0설치시최소용량으로설치하고싶은데 [1]	2007.08.10

태그 쓰기

묻고답하기

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

댓글 3

서방서방

미사일발사

서방서방

About

Get involved

Blog

Download

Support

Showcase