묻고답하기

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

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 남기남
김재훈	내 컴퓨터를 웹서버로 돌리는 방법좀... [2]	2007.08.10
송태원	페이징 관련 질문 [1]	2007.08.10
『TanG━ⓔ』	포토샾 7.0 쓰는데요 축전 이미지 만들고~ [1]	2007.08.10
김현진	따로 질문할곳이 없어서 여기에 ㅠㅠ
무적의공군씌~◇	쩝... [1]	2007.08.10
장성우	제로보드 열심히 깔고 있습니다. [1]	2007.08.10
호처리	타 사이트의 게시판의 글들을 자기 홈의 최근 게시물로 추출하는법점 [1]	2007.08.10
[CuTE_YaaKi]	★제로보드는 하이퍼링크가 버튼식으로 되어 있나요? ★ [1]	2007.08.10
양의석	그림의 한쪽부븐을 흐리게 하기 [1]	2007.08.10
푸다기	셀안에서 테이블 정렬...-_-;
zizibecap	비밀번호 [6]	2007.08.10
n on e	야후에 홈페이지 등록해보신분... [1]	2007.08.10
쑥~^^*	이게 무슨 에러 인가요? [3]	2007.08.10
이명주	★bgm(asf) 과 플래쉬 질문(플래쉬를 만들구 퍼블리쉬를 눌러두 HTML이 생성이 안되요)
강민욱	하루에 트래픽이 2.5 기가가 넘는데.... [1]	2007.08.10
마성지	자바스크립트 질문... ㅠ_ㅠ [2]	2007.08.10
민규''∇''	[질문] 웹호스팅 돈이 얼마가 되든 상관이 없습니다.. [1]	2007.08.10
kanae	게시판에서요.. [1]	2007.08.10
엄소희	폰트질문입니다!! [2]	2007.08.10
레드	동영상 강좌
레드	풀스크린으로 여는거요 [2]	2007.08.10
zzoi	네임서버에 대하여.. [1]	2007.08.10
호이쌀^^	저 제로보드 소스 수정하는 법 중에서요ㅡ_ㅡ;;
장성우	외부 로그인을 열심히 하고 있습니다 그런데 그림이 뜨질 않아서요.. [2]	2007.08.10
하이창	http://www.ye.ro/ 라는곳에 입주를 하려하는데요. 혹시 아시는분 계시는요. [1]	2007.08.10
아기	나크로스와같은 스크롤은 어케만드나요? [1]	2007.08.10
화려한 솔로	[re] 플래쉬에서... 마스크레이어로
양의석	플래쉬에서... 마스크레이어로
포터시네마	서버에서 시간빼오기;; [1]	2007.08.10
양의석	페이지 검색 (두개나 연속으로 물어 보네요..)

태그 쓰기

묻고답하기

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

댓글 3

서방서방

미사일발사

서방서방

About

Get involved

Blog

Download

Support

Showcase