3초기억력

JavaScript - 동적 셀렉트 본문

플밍_기타

JavaScript - 동적 셀렉트

잠수콩 2008. 11. 18. 10:25



<HTML>
<HEAD>
<TITLE> 동적 select </TITLE>
</HEAD>
<script language="javascript">
function food_view(choice_value)
{
 init_value=new Array(new Array("떡볶이","김밥","순대","라면"), new Array("비빔밥","불고기","된장찌개"), new Array("짜장면","짬뽕"), new Array("돈까스"));

 if(choice_value!="")
 {
  document.f1.food_menu.options.length=1; //초기화
  loop_count=init_value[choice_value].length;

  for(i=0;i<loop_count;i++)
  {
   new_option=document.createElement("OPTION");
   new_option.text=init_value[choice_value][i];
   new_option.value=init_value[choice_value][i];
   document.f1.food_menu.add(new_option);
  }
 }
 else
 {
  document.f1.food_menu.options.length=1; //초기화
 }
}
</script>

<BODY>
<form name="f1">
<select name="food_type" onchange="food_view(this.value)">
<option value="">선택</option>
<option value="0">분식</option>
<option value="1">한식</option>
<option value="2">중식</option>
<option value="3">양식</option>
</select>
<select name="food_menu">
<option value="">선택</option>
</select>

</form>
</BODY>
</HTML>

저작자표시 비영리 변경금지

'플밍_기타' 카테고리의 다른 글

동기화할 시간서버를 설정하는 방법 - 펌  (0) 2008.11.18
JavaScript - 한글입력체크(예제:아이디 입력시)  (0) 2008.11.18
JavaScript - 한글 입력 체크  (0) 2008.11.17
JavaScript - 숫자 입력 체크  (0) 2008.11.17
JavaScript - Email 문자를 제대로 입력했는지 체크  (0) 2008.11.17
'플밍_기타' Related Articles more
Comments