셀렉트메뉴 문의입니다~ 채택완료
오류가 나는곳의 주소를 알려주시면 더 빠르고 정확하게 답변 받을 수 있습니다.
오류 주소 :
첫번째메뉴 선택시 첫번째에 해당하는 두번째 메뉴가 셀렉트박스에 출력됩니다.
두번째메뉴 선택시 그아래 3번째 메뉴항목이 출력되게 하고싶습니다.
스크립트와 폼을 어떻게 수정 또는 추가해야할까요?
여기서 중요한건 메뉴3이 자동출력되게 한다는게 중요합니다//
형태--------------
메뉴1 > 메뉴2
메뉴3(1) 메뉴3(2) 메뉴3(3)
메뉴3(4) 메뉴3(5) 메뉴3(6)
<script language="javascript">
<!--
function Category(value, url) {
this.value = value;
this.url = url;
this.length = 0;
}
function addCategory(category, value, url) {
category[category.length] = new Category(value, url);
category.length++;
}
var category = new Category();
addCategory(category, "HP", null);
addCategory(category[0], "=== 선택하세요 ===", null);
addCategory(category[0], "프린터", "/shop/shopbrand.html?xcode=020&mcode=001&scode=001&type=X" );
addCategory(category[0], "복합기", "/shop/shopbrand.html?xcode=020&mcode=001&scode=002&type=X" );
addCategory(category, "EPSON", null);
addCategory(category[1], "=== 선택하세요 ===", null);
addCategory(category[1], "프린터", "#" );
addCategory(category[1], "복합기", "#" );
addCategory(category, "BROTHER", null);
addCategory(category[2], "=== 선택하세요 ===", null);
addCategory(category[2], "프린터", "#" );
addCategory(category[2], "복합기", "#" );
function initForm(form) {
form.subject.length = category.length;
for (i = 0; i < category.length; i++)
form.subject[i].text = category[i].value;
form.subject.selectedIndex = 0;
form.contents.selectedIndex = 0;
change_subject(form);
}
function change_subject(form) {
var i = form.subject.selectedIndex;
form.contents.length = category[i].length;
for (j = 0; j < form.contents.length; j++)
form.contents[j].text = category[i][j].value;
form.contents.selectedIndex = 0;
// change_contents(form);
}
function change_contents(form) {
var i = form.subject.selectedIndex
var j = form.contents.selectedIndex;
if(category[i][j].url != null)
location.href=category[i][j].url;
}
// -->
</script>
<!--/script_scroll(1)/-->
<div id="wrap">
<!--/include_header(1)/-->
<div id="contentWrapper">
<div id="contentWrap">
<div id="content">
<div class="category_title_img">
<!--/category_title_html/-->
</div>
<body onLoad="initForm(document.form)">
<div id="category">
<form name="form" method="get" action="#">홈 >
<select name="subject" onchange="change_subject(this.form)" style="width:160px;"></select> >
<select name="contents" onchange="change_contents(this.form)" style="width:160px;"></select>
</form>
</div>
<!--상품목록시작-->
오류 주소 :
첫번째메뉴 선택시 첫번째에 해당하는 두번째 메뉴가 셀렉트박스에 출력됩니다.
두번째메뉴 선택시 그아래 3번째 메뉴항목이 출력되게 하고싶습니다.
스크립트와 폼을 어떻게 수정 또는 추가해야할까요?
여기서 중요한건 메뉴3이 자동출력되게 한다는게 중요합니다//
형태--------------
메뉴1 > 메뉴2
메뉴3(1) 메뉴3(2) 메뉴3(3)
메뉴3(4) 메뉴3(5) 메뉴3(6)
<script language="javascript">
<!--
function Category(value, url) {
this.value = value;
this.url = url;
this.length = 0;
}
function addCategory(category, value, url) {
category[category.length] = new Category(value, url);
category.length++;
}
var category = new Category();
addCategory(category, "HP", null);
addCategory(category[0], "=== 선택하세요 ===", null);
addCategory(category[0], "프린터", "/shop/shopbrand.html?xcode=020&mcode=001&scode=001&type=X" );
addCategory(category[0], "복합기", "/shop/shopbrand.html?xcode=020&mcode=001&scode=002&type=X" );
addCategory(category, "EPSON", null);
addCategory(category[1], "=== 선택하세요 ===", null);
addCategory(category[1], "프린터", "#" );
addCategory(category[1], "복합기", "#" );
addCategory(category, "BROTHER", null);
addCategory(category[2], "=== 선택하세요 ===", null);
addCategory(category[2], "프린터", "#" );
addCategory(category[2], "복합기", "#" );
function initForm(form) {
form.subject.length = category.length;
for (i = 0; i < category.length; i++)
form.subject[i].text = category[i].value;
form.subject.selectedIndex = 0;
form.contents.selectedIndex = 0;
change_subject(form);
}
function change_subject(form) {
var i = form.subject.selectedIndex;
form.contents.length = category[i].length;
for (j = 0; j < form.contents.length; j++)
form.contents[j].text = category[i][j].value;
form.contents.selectedIndex = 0;
// change_contents(form);
}
function change_contents(form) {
var i = form.subject.selectedIndex
var j = form.contents.selectedIndex;
if(category[i][j].url != null)
location.href=category[i][j].url;
}
// -->
</script>
<!--/script_scroll(1)/-->
<div id="wrap">
<!--/include_header(1)/-->
<div id="contentWrapper">
<div id="contentWrap">
<div id="content">
<div class="category_title_img">
<!--/category_title_html/-->
</div>
<body onLoad="initForm(document.form)">
<div id="category">
<form name="form" method="get" action="#">홈 >
<select name="subject" onchange="change_subject(this.form)" style="width:160px;"></select> >
<select name="contents" onchange="change_contents(this.form)" style="width:160px;"></select>
</form>
</div>
<!--상품목록시작-->
댓글을 작성하려면 로그인이 필요합니다.
답변 1개
채택된 답변
+20 포인트
불량학생™12년 전
<a href="http://sensible_ar.blog.me/167275657" target="_blank" rel="noopener noreferrer">http://sensible_ar.blog.me/167275657</a>
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
�
퇴근후밥상
12년 전
굉장히 유용한 소스인거 같은데 ㅠㅠ 제가 자바스크립트를 잘 몰라서요 ㅜㅜ 저위소스에 적용을 하려면 어떻게 응용을 해야하나요?
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인전체 질문 목록
채택
채택
채택
채택
채택
채택
채택
답변대기
답변대기
채택
채택
답변대기
채택
답변대기
채택
채택
답변대기
답변대기
답변대기