*** 설명 ***
기존에 선택되어 있던 것의 선택을 해제한 후 인덱스에 해당하는 것을 선택한다.
*** 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(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();
<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();
피드 구독하기:
글 (Atom)