[JavaScript] Tip

- <select></select> -

*.select박스에서 다른값을 선택할때 선택된 값 가져오기
document.form_name.select_name.options[sname_sel.selectedIndex].value

*.select박스 multiple
<select id="send_list" name="send_list" style="width:150px;height=100px;" multiple></select>

*.select박스 삭제
1. document.form_name.options[document.form_name.selectedIndex] = null;

*. options의 모든 내용 삭제
var op_length = document.frm.select.options.length;

for(var k=0; k<op_length; k++) {

document.frm.select.remove(document.frm.select.options[k]);
}

 2. 여러개 선택시
var obj = document.listForm.select_list;
var len = obj.options.length;

 for(var i=0; i<len; ) {
  if(obj.options[i] && obj.options[i].selected) {
   obj.options[i] = null;
  }else {
   i++;
  }  
 }

*.select박스 변경 및 추가
(추가)
var objOption = document.createElement("option");
objOption.text = "1개";
objOption.value = "1";
document.listForm.send_list.options.add(objOption);

(추가&변경) 해당 options[idx]을 변경 및 추가 할 수 있다.
obj.options[obj.length] = new Option("1", "12321323");  //new Option(text, value); 

*.list형식으로 데이터 뿌릴때 select박스 값 매칭시키기
document.getElementsByName("SELECT-BOX")[<%=i%>].value = '01';

*.단일 건일때 select박스 값 매칭시키기
document.getElementById("SELECT-BOX").value = = '01';


- <td>-

*.td속성을 이용하여 화면에 보이기/숨기기
<td id="tdname" style="display:'none';"></td>
<script>

document.getElementById("tdname").style.display='';

</script>


- Other -
*. 데이터 자르기
var name = snameVal.substr(0,4);

*.readonly
document.frm.user_email2.readOnly = false;
document.frm.user_email2.readOnly = true;


-Form이 존재하는지 체크
if(!$("fm_body").isValid()) {
      return;
  }

-object 존재유무-
if( typeof( [check_item] ) == 'undefined' ) { 

       alert("없습니다."); 
}

-style.display -> 숨겨진 상태가 아니라면-
document.getElementById('school33').style.display != 'none'

-function 호출-
function abc(a,b) { } 로 선언후 호출시 abc(a,b,c)로 호출 할 수있다.
c의 데이터를 확인할때는 if(arguments[2]=="aaa") 로 확인 할 수있다.

1. onkeyup="if(event.keyCode==13)search();"
2. <td type="text" id="aaa" maxlength="7" style="font-weight:bold;font-size:23;font-family:맑은고딕;line-height:25px;">
3. <link href="css/test.css" rel="stylesheet" type="text/css">