|
|
|
|
 |
|
채영이 / 2000-08-24 / 오후 7:08:07 / 203.255.3.155
조회수 : 108
|
| [질문] 2개의 드롭다운 박스 |
> 안녕하세요
> 막히는 것이 너무 많군요
> 두개의 디롭다운 박스를 만들었습니다
> (select option 박스)
> 첫번째 드롭다운 박스를 어느 한 리스트를 선택했을때
> 두번째 드롭다운 박스를 제가 원하는 드롭다운 박스를 선택할 수 있겠할 수는 없습니
> 까.
> 예를 들어 첫번째 드롭다운 박스는 1개 이고요
> 두번째 리스트 박스는 실질적으로 3개가 되는 것이죠
> 이 세개 중에 한개를 호출하는 것입니다
> 같은 페이지에서 일어나는 것인데 참 힘들군요
> 첫번째 드롭다운 리스트박스의 item을 선택했을때
> onchange() 이벤트를 사용해서
> 다음 드롭다운 리스트 박스3개중 item과 관련된
> 드롭다운박스를 선보일려고 하거든요
> 다름데로 조금 해 보았는데
> 잘 되지를 않는군요...
> 도움을 진심으로 바라겠습니다 ''
> 감사합니다
>
>
>
>
>
>
>
>
-----------------------------------------------------------
2년전에 해 본거라 잘 기억이 나지 않네요....
제가 테스트해본다고 사용한 소스입니다...
보시고 참고하세요....
태그는 수정되었습니다...
{html}
{head}
{meta http-equiv="Content-Type" content="text/html; charset=euc-kr"}
{title}데이타입력{/title}
{script language="javaScript"}
{!--
//Select Button에서 사용될 배열의 초기화
Code = new Array();
Code[0] = new Array();
Code[0][0] = new Option("**********",000);
Code[0] = new Array();
Code[1] = new Array();
Code[2] = new Array();
Code[0][1] = new Option("장미", 0);
Code[0][2] = new Option("국화", 1);
Code[0][3] = new Option("튜립", 2);
Code[1][1] = new Option("소나타", 0);
Code[1][2] = new Option("누비라", 1);
Code[1][3] = new Option("아벨라", 2);
Code[1][4] = new Option("아토즈", 3);
Code[1][5] = new Option("티코", 4);
Code[2][1] = new Option("권총", 0);
Code[2][2] = new Option("장총", 1);
Code[2][3] = new Option("기관총", 2);
function changecode(sel, pos) {
var i;
for (i = sel.length - 1; i }= 0; i--) {
sel.options[i]=null;
}
for (i = 0; i { Code[pos].length-1; i++) {
sel.options[i]=new Option(Code[pos][i+1].text, Code[pos][i+1].value);
}
setDefault(sel, "000")
}
function setDefault(sel, val)
{
for (i = 0; i { sel.length; i++) {
if (sel.options[i].value == val) {
sel.selectedIndex = i;
return i;
}
}
if (i == sel.length) {
sel.selectedIndex = 0;
return (i - 1);
}
}
function submit(msg){
msg.submit()
}
function reset(msg){
}
// --}
{/script}
{/head}
{body bgcolor="#ffffff"}
{form method="POST" action="post.asp"}
{div align="center"}{center}
{table border="1" width="560" cellspacing="1" cellpadding="0"}
{tr}
{td width="20%" align="center" bgcolor="#000000"}{font color="#ffffff"}{small}대분류{/small}{/font}{/td}
{td width="80%"}
{select name="F_Code1" size="1" onChange="changecode(this.form.F_Code2,this.form.F_Code1[this.form.F_Code1.selectedIndex].value)"}
{option value="0"} 강아지 {/option}
{option value="1"} 고양이 {/option}
{option value="2"} 망아지 {/option}
{/select}{/td}
{/tr}
{tr}
{td width="20%" align="center" bgcolor="#000000"}{font color="#ffffff"}{small}중분류{/small}{/font}{/td}
{td width="80%"}
{select name="F_Code2" size="1"}
{option value="0"} 장미 {/option}
{option value="1"} 국화 {/option}
{option value="2"} 튜립 {/option}
{/select}{/td}
{/tr}
{/table}
{/center}{/div}
{div align="center"}{center}
{table border="0" width="560" cellspacing="0" cellpadding="0"}
{tr}
{td width="100%"}
{input type="submit" value="완료하기"}{/td}
{/tr}
{/table}
{/center}{/div}
{/form}
{/body}
{/html}
|
|
|
|