회원가입 여분필드의 mb_1 사용문의 정보
회원가입 여분필드의 mb_1 사용문의
본문
회원가입 여분필드의 mb_1의 결과값에따라 아래 소스의 첫벗째 셀렉트
전지현,김태희,장동건을 자동으로 바꾸는 다중셀렉트 표현이 가능할까요?
addCategory(category, "전지현"); 이부분을 mb_1 으로 어떻게 바꿔주면 될것 같은데,
여분필드에서 전지현을 선택하면 카테고리도 전지현이 선택되어서
이쁩니다/다리길어요/연예인입니다/81년생입니다 부분이 같이 선택되는 것입니다.
<html>
<head>
<title>Dynamic Select Form Sample</title>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<script language="javascript">
<!--
function Category(value) {
this.value = value;
this.length = 0;
}
function addCategory(category, value) {
category[category.length] = new Category(value);
category.length++;
}
var category = new Category();
addCategory(category, "전지현");
addCategory(category[0], "이쁩니다");
addCategory(category[0][0], "다리길어요");
addCategory(category[0][0][0], "연예인입니다");
addCategory(category[0][0][0][0], "81년생입니다");
addCategory(category, "김태희");
addCategory(category[1], "이쁩니다");
addCategory(category[1][0], "서울대생");
addCategory(category[1][0][0], "연예인입니다");
addCategory(category[1][0][0][0], "눈이큽니다");
addCategory(category, "장동건");
addCategory(category[2], "눈이큽니다");
addCategory(category[2][0], "잘생겼습니다");
addCategory(category[2][0][0], "연예인입니다");
addCategory(category[2][0][0][0], "니가가라하와이");
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;
change_menu1(form);
change_menu2(form);
change_menu3(form);
change_menu4(form);
}
function change_subject(form) {
change_menu1(form);
change_menu2(form);
change_menu3(form);
change_menu4(form);
}
function change_menu1(form) {
var i = form.subject.selectedIndex;
form.menu1.length = category[i].length;
for (j = 0; j < form.menu1.length; j++)
form.menu1[j].text = category[i][j].value;
}
function change_menu2(form) {
var i = form.subject.selectedIndex;
form.menu2.length = category[i][0].length;
for (k = 0; k < form.menu2.length; k++)
form.menu2[k].text = category[i][0][k].value;
}
function change_menu3(form) {
var i = form.subject.selectedIndex;
form.menu3.length = category[i][0][0].length;
for (l = 0; l < form.menu3.length; l++)
form.menu3[l].text = category[i][0][0][l].value;
}
function change_menu4(form) {
var i = form.subject.selectedIndex;
form.menu4.length = category[i][0][0][0].length;
for (m = 0; m < form.menu4.length; m++)
form.menu4[m].text = category[i][0][0][0][m].value;
}
// -->
</SCRIPT>
</head>
<body onLoad="initForm(document.form);">
<h1>다단 동적 셀렉트 박스 예제</h1>
<form name="form" method="get" action="#">
<select name="subject" onchange="change_subject(this.form)"></select><br><br>
<select name="menu1" onchange="change_menu1(this.form)"></select>
<select name="menu2" onchange="change_menu2(this.form)"></select>
<select name="menu3" onchange="change_menu2(this.form)"></select>
<select name="menu4" onchange="change_menu2(this.form)"></select>
</form>
</body>
</html>
전지현,김태희,장동건을 자동으로 바꾸는 다중셀렉트 표현이 가능할까요?
addCategory(category, "전지현"); 이부분을 mb_1 으로 어떻게 바꿔주면 될것 같은데,
여분필드에서 전지현을 선택하면 카테고리도 전지현이 선택되어서
이쁩니다/다리길어요/연예인입니다/81년생입니다 부분이 같이 선택되는 것입니다.
<html>
<head>
<title>Dynamic Select Form Sample</title>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<script language="javascript">
<!--
function Category(value) {
this.value = value;
this.length = 0;
}
function addCategory(category, value) {
category[category.length] = new Category(value);
category.length++;
}
var category = new Category();
addCategory(category, "전지현");
addCategory(category[0], "이쁩니다");
addCategory(category[0][0], "다리길어요");
addCategory(category[0][0][0], "연예인입니다");
addCategory(category[0][0][0][0], "81년생입니다");
addCategory(category, "김태희");
addCategory(category[1], "이쁩니다");
addCategory(category[1][0], "서울대생");
addCategory(category[1][0][0], "연예인입니다");
addCategory(category[1][0][0][0], "눈이큽니다");
addCategory(category, "장동건");
addCategory(category[2], "눈이큽니다");
addCategory(category[2][0], "잘생겼습니다");
addCategory(category[2][0][0], "연예인입니다");
addCategory(category[2][0][0][0], "니가가라하와이");
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;
change_menu1(form);
change_menu2(form);
change_menu3(form);
change_menu4(form);
}
function change_subject(form) {
change_menu1(form);
change_menu2(form);
change_menu3(form);
change_menu4(form);
}
function change_menu1(form) {
var i = form.subject.selectedIndex;
form.menu1.length = category[i].length;
for (j = 0; j < form.menu1.length; j++)
form.menu1[j].text = category[i][j].value;
}
function change_menu2(form) {
var i = form.subject.selectedIndex;
form.menu2.length = category[i][0].length;
for (k = 0; k < form.menu2.length; k++)
form.menu2[k].text = category[i][0][k].value;
}
function change_menu3(form) {
var i = form.subject.selectedIndex;
form.menu3.length = category[i][0][0].length;
for (l = 0; l < form.menu3.length; l++)
form.menu3[l].text = category[i][0][0][l].value;
}
function change_menu4(form) {
var i = form.subject.selectedIndex;
form.menu4.length = category[i][0][0][0].length;
for (m = 0; m < form.menu4.length; m++)
form.menu4[m].text = category[i][0][0][0][m].value;
}
// -->
</SCRIPT>
</head>
<body onLoad="initForm(document.form);">
<h1>다단 동적 셀렉트 박스 예제</h1>
<form name="form" method="get" action="#">
<select name="subject" onchange="change_subject(this.form)"></select><br><br>
<select name="menu1" onchange="change_menu1(this.form)"></select>
<select name="menu2" onchange="change_menu2(this.form)"></select>
<select name="menu3" onchange="change_menu2(this.form)"></select>
<select name="menu4" onchange="change_menu2(this.form)"></select>
</form>
</body>
</html>
댓글 전체