작성일 : 14-09-08 18:49
|
[JQuery] 동적 select box 제어
|
 |
|
글쓴이 :
조형래
 조회 : 5,362
|
sample
<select name="CategoryCode1" id="CategoryCode1">
<option value="">All</option>
</select>
1보다 클때까지 삭제하는 이유는 맨 처음의 디폴트 옵션을 삭제하지 않기 위해서 (Tested)
for(var i= $("#categoryCode1 option").size(); i>=1; i--){
$("#categoryCode1 option:eq("+i+")").remove();
}
디폴트 옵션도 삭제해도 된다면 (Non-Tested)
$("#categoryCode1 option").remove();
특정 값을 가진 option 을 제거 (Non-Tested)
$("#categoryCode1").children("[value="testval"]").remove();
반복문을 통해 모든 option 확인 (Non-Tested)
for(var i=0; i< $("#categoryCode1").size(); i++){
alert($("#categoryCode1 option:eq("+i+")").val());
}
반복문을 통한 option 추가 (Non-Tested)
for (var i=0; i<10; i++;){
("#categoryCode1").apend("<option value='" + i + "'>옵션"+i+"</option>"};
}
|
|
1087
