SCRIPT야
셀렉트박스 값 변경
administrators
2009. 9. 7. 17:26
<script>
Array_1 = new Array(
"궁중비누",
"자음수",
"자음유액",
"순행클렌징폼",
"순행클렌징오일",
"연담크림",
"온보크림",
"옥용팩",
"보연팩",
"초향단자액",
"예율마사지크림",
"윤조에센스",
"탄력크림",
"자음생크림",
"섬리안크림",
"명의초에센스");
Array_2 = new Array(
"진설에센스",
"진설크림");
Array_3 = new Array(
"자정수",
"자정수액",
"미백에센스",
"상백크림");
Array_4 = new Array(
"동백윤모오일");
Array_5 = new Array(
"예빛베이스(크림)",
"예빛스킨커버",
"예빛트윈케이크",
"예빛파우더",
"예빛파운데이션(크림)",
"예빛베이스(리퀴드)",
"예빛파운데이션(리퀴드)",
"예빛립케어");
function gogo2() {
alert(document.Form.prdt_name.value + "::"+document.Form.prdt_name.length);
}
function gogo() {
for(i=document.Form.prdt_name.length-1; i>0; i--) {
document.Form.prdt_name.options[i] = null;
}
if(document.Form.prdt_div.value == '기초') {
for(i=0; i<Array_1.length; i++) {
document.Form.prdt_name.options[i] = new Option(Array_1[i], Array_1[i]);
}
}
if(document.Form.prdt_div.value == '진설') {
for(i=0; i<Array_2.length; i++) {
document.Form.prdt_name.options[i] = new Option(Array_2[i], Array_2[i]);
}
}
if(document.Form.prdt_div.value == '미백') {
for(i=0; i<Array_3.length; i++) {
document.Form.prdt_name.options[i] = new Option(Array_3[i], Array_3[i]);
}
}
if(document.Form.prdt_div.value == '헤어') {
for(i=0; i<Array_4.length; i++) {
document.Form.prdt_name.options[i] = new Option(Array_4[i], Array_4[i]);
}
}
if(document.Form.prdt_div.value == '메이크업') {
for(i=0; i<Array_5.length; i++) {
document.Form.prdt_name.options[i] = new Option(Array_5[i], Array_5[i]);
}
}
}
</SCRIPT>
<!--
페이지 로딩시 특정 option값으로 이동
init(Type부분의 참조번호, Style부분의 참조번호);
//-->
<body>
<form name="Form">
<select name="prdt_div" omChange="gogo()">
<option value="" >제품분류</option>
<option value="기초" >기초</option>
<option value="진설" >진설</option>
<option value="미백" >미백</option>
<option value="헤어" >헤어</option>
<option value="메이크업">메이크업</option>
</select>
<select name="prdt_name" omChange="gogo2()">
<option value="" >제품명</option>
</select>
<br><br>
</form>