<html>
<head>
</head>
<body>
<h3>Button 객체</h3>
<ul>
<li>속성
<ul>
<li>tpye : 해당양식의 타입
<li>name : 해당 이름
<li>value : 텍스트 상자에 입력된 값
</ul>
<li>메소드
<ul>
<li>click() : 버튼 클릭
</ul>
<li>이벤트
<ul>
<li>onClick() : 버튼 클릭시 발생 이벤트
<li>onMouseDown() : 버튼 마우스누를때 발생이벤트
<li>onMouseUp() : 버튼 마우스 놓을때 발생이벤트.
</ul>
</ul>
<br>
<h3>Select 객체</h3>
콤보박스나 목록상자에 사용<br>
document.폼의이름.콤보/목록상자이름.속성/메소드()<br>
<ul>
<li>속성
<ul>
<li>length : 콤보/목록상자 포함된 항목의 개수
<li>name : 콤보/목록상자 이름
<li>options : 콤보/목록상자 포함된 항목 배열형태로 제공
<ul>
<li>defaultSelected : 선택항목 <option>에서 selected할정보(true,false)
<li>selected : 선택항목이 선택되어있는지 정보(true,false)
<li>text : 해당항목이 보여주는 내용
<li>value : 해당항목의 실질적인 값.
</ul>
<li>selectedIndex : 선택한 항목의 인덱스 번호
<li>type : 목록상자의 다중 선택(multiple) 정보
</ul>
<li>메소드
<ul>
<li>blur() : 콤보/목록상자에서 커서 사라지게 함
<li>focus() : 콤보/목록상자에 커서위치
</ul>
<li>이벤트
<ul>
<li>onBlur() : 콤보/목록상자에서 커서 사라지면 발생 이벤트
<li>onFocus() : 콤보/목록상자에 커서위치하면 발생이벤트
<li>onChange() : 콤보/목록상자에 선택내용이 변경되면 발생
</ul>
</ul>
*참고 : option_name = new Option([optionText, optionValue, defaultSelected,selected]);
<script type="text/jscript">
var option1 = new Array(4);
var option2 = new Array(4);
option1[0] = new Option("태진아","1-1",true,true);
option1[1] = new Option("태진어","1-2");
option1[2] = new Option("대진아","1-3");
option1[3] = new Option("태진이","1-4");
option2[0] = new Option("서태지","2-1");
option2[1] = new Option("이소라","2-2");
option2[2] = new Option("야앙파","2-3",true,true);
option2[3] = new Option("젝키스","2-4");
function onMp3(a,b)
{
var sel = a.form.selMp3;
var sel1 = a.form.selMp32;
switch(b)
{
case 1:
for(var i=0;i<4;i++)
sel.options[i]=option1[i];
break;
case 2:
for(var i=0;i<4;i++)
sel.options[i]=option2[i];
break;
}
//문득 수업시간에 들은 eval 너 객체 만들어주는거 맞어?
//생각이 들어서..
//eval없으면 객체를 만들어주지 못하는거 아래 걸루 보면 알어.
var opt2 = "option"+b;
var opt1 = eval("option"+b);
a.form.t1.value = opt2;
a.form.t2.value = opt1;
for(var j=0;j<opt1.length;j++)
{
sel1.options[j]=new Option(opt1[j].text, opt1[j].value, opt1[j].defaultSelected, opt1[j].selected);
}
}
</script>
<form name="single">
<input type="radio" name="id" onClick="onMp3(this,1);">1 : A면
<input type="radio" name="id" onClick="onMp3(this,2);">2 : B면
<select name="selMp3"></select><br>
<br>
<font color="red">요걸몰랐네~~!</font><br>
eval("option"+b).. 너 객체의문이였지만.. ^^. 아래로 해결.<br>
String으로 인식하면 문자가 뜰것이고, 객체로 인식하면 배열로 뜰것이고..<br>
"option"+b<input type="type" name="t1">eval("option"+b)<input type="text" name="t2">
<select name="selMp32"></select>
</form>
</body>
</html>