JavaScript, jstl Select박스 원하는 값 선택

Select 박스 내가 원하는 값 선택하기 1 (스크립트 사용하기)

사용방법 :

HTML

<select id="test">

<option value="값1">선택1</option>

<option value="값2">선택2</option>

<option value="값3">선택3</option>

<option value="값4">선택4</option>

<option value="값5">선택5</option>

</select>

script 

<script>

//id값이 'test' 인 select 박스에서

//option value '값2' 이 선택됩니다

selectedOption('test', '값2', 'value');

//option text "선택4" 값이 선택됩니다.

selectedOption('test', '선택4', 'text');

</script>

<script>

function selectedOption(id, value, type) {

var obj = document.getElementById(id);

   

for(i=0; i<obj.length; i++) {

switch(type) {

case 'value' :

if(obj[i].value == value) {

obj[i].selected = true;

}

break;

           

case 'text' :

if(obj[i].text == value) {

obj[i].selected = true;

}

break;

default :

break;

}

}   

}

</script>

Select 박스 내가 원하는 값 선택하기2 (jstl 사용 하기)

<select name='popUpTerm' id='popUpTerm' data-validate='required' title='팝업노출기간'>

<option value='' >--선택--</option>

<option value='1' <c:if test="${noticeView.POPUP_TERM_DAY eq '1'}">selected="selected"</c:if>> 1일 후까지 노출</option>

<option value='2' <c:if test="${noticeView.POPUP_TERM_DAY eq '2'}">selected="selected"</c:if>> 2일 후까지 노출</option>

<option value='3' <c:if test="${noticeView.POPUP_TERM_DAY eq '3'}">selected="selected"</c:if>> 3일 후까지 노출</option>

<option value='4' <c:if test="${noticeView.POPUP_TERM_DAY eq '4'}">selected="selected"</c:if>> 4일 후까지 노출</option>

</select>

checkbox check되어있는지 확인

$("#id").click(function(){

if ($(this).is(':checked')==true){ //off to on

alert($(this).is(':checked') );

}else{//on to off

alert($(this).is(':checked') );

}

});