레이블이 select인 게시물을 표시합니다. 모든 게시물 표시
레이블이 select인 게시물을 표시합니다. 모든 게시물 표시

JQuery select 인덱스로 선택하기

*** 설명 ***
기존에 선택되어 있던 것의 선택을 해제한 후 인덱스에 해당하는 것을 선택한다.

*** example ***
var newIndex = 0;
var selectedIndex = $('#select option').index($('#select option:selected'));
$('#select option:eq(' + selectedIndex + ')').removeAttr('selected');
$('#select option:eq(' + newIndex + ')').attr('selected', 'selected');

JQuery select 값 변경시 이벤트 함수

*** example ***
jQuery(function($) {
   $('#select').change(function(){
       alert('select change. value' + $('select').val());

   });
});

JQuery Select 사용법

 *** 태그 ***
<select name="select_example" id="select_example">
    <option value="A">1</option>
    <option value="B" selected="selected">2</option>
    <option value="C">3</option>
</select>

*** 아이템 전체 삭제 ***
$('#select_example').empty();

*** 아이템 추가 ***
$('#select_example').append('<option value="A">1</option>');

*** 아이템 삭제 ***
$('#select_example option:first').remove();     // 첫번째 아이템 삭제
$('#select_example option:last').remove();     // 마지막 아이템 삭제
$("#select_language option:eq(0)").remove();  // 0번째 아이템 삭제

***값(value)으로 선택하기 ***
$('#select_example').val(fgLang);

*** 선택된 값(value) ***
$('#select_example option:selected').val();
$('select[name=select_example]').val();

*** 선택된 텍스트 ***
$('#select_example option:selected').text();

*** 선택된 인덱스 ***
$('#select_language option').index($('#select_language option:selected'));

*** 아이템 갯수 ***
$('#select_example option').size();