본문 바로가기

JavaScript

[JS] Select <-> Radio 변경

//SELECT BOX

<SELECT name="이름" >
<option value="값1" selected> 값표시1 </option>
<option value="값2"> 값표시2 </option>
<option value="값1"> 값표시3 </option>
</SELECT>

<!-- script 속성 -->
.length : 길이
.name : 이름
.options : <option> 태그 정보에 대한 배열
.slectedIndex

[[[[ select ]]]]
document.폼이름.객체.options[i].value.length
document.폼이름.객체.options[i].selected



//RADIO BUTTON

<INPUT type="radio" name="이름" value="값1" checked> 값표시1
<INPUT type="radio" name="이름" value="값2" >값표시2
<INPUT type="radio" name="이름" value="값3"> 값표시3

<!-- script 속성 -->
.checked
.defaultValue
.length : 길이
.name  : 이름
.value  : 값1

[[ radio ]]
document.폼이름.객체명[버튼].value

기초가 부족해도 정말 한참 부족하다는걸 많이 느끼는 요즘이로다...

몰랐떤 사실 하나!
JavaScript 처리 루틴이 틀리다.
select box 는 옵션[배열] 로 가지고 온다. +_+
radio 는 버튼들의 배열을 가지고 온다..

우리가 폼을 받아올떈 document.폼이름.오브젝트.속성 이런식으로 받아온다.
맞나? -_-;;;; 암튼.;;;; 그러할떄의

<script >
라디오 -----------------------------------------------
    function radioCheck( 폼) {
        for ( var i =0; i < document.폼.객체명.length; i++ ) {
              if ( document..폼.객체명[i].checked == true ) {
                      alert ( 체크된 값이 있네~ ) ;
                      return true;
                }
          }
     }

셀렉트 -----------------------------------------------
function selecCheck(폼) {
     for ( var k=0; k < document.폼.객체명.options.lenght ; k++) {
            if ( document.폼.객체명.options[k].selected) {
                 alert ( "선택한 텍스트  : "+ document.폼이름.객체명.options[k].text );
                 alert ( "선택한 값 : " + document.폼이름.객체명.options[k].value);
             }
        }
}
</script>

대략 이런 식으로 쓰인다.
select box 는 options.[배열] 이 붙는다는 사실을 유념하자!!!