jquery select 값 읽어오기

프로그래밍/ETC | 2013. 3. 15. 00:13
Posted by 손반장님

jQuery로 select box의 선택된 값 읽어오기
$('#select_box option:selected').val();


jQuery로 select box의 선택된 내용 읽어오기
$('#select_box option:selected').text();

 


checkbox 선택된 값 가져오기(radio)
$("input[name=rList][checked]").val()


checkbox의 value값으로 선택하기(radio)
$("input[name=rList]").filter('input[value='+sValue+']').attr("checked", "checked");

select box 선택된 값 가져오기
$("#ddl > option:selected").val();


select box의 value값으로 선택하기
$("#ddl > option[value="+sValue+"]").attr("selected", "true");
----------------------------------------------------------------
jQuery로 선택된 값 읽기
$("#myselect option:selected").val();
$("select[name=name]").val();


jQuery로 선택된 내용 읽기
$("#myselect option:selected").text();

 

선택된 위치
var index = $("#test option").index($("#test option:selected"));

-------------------------------------------------------------------


// Add options to the end of a select
$("#myselect").append("<option value='1'>Apples</option>");
$("#myselect").append("<option value='2'>After Apples</option>");

 

// Add options to the start of a select
$("#myselect").prepend("<option value='0'>Before Apples</option>");

 

// Replace all the options with new options
$("#myselect").html("<option value='1'>Some oranges</option><option value='2'>More Oranges</option><option value='3'>Even more oranges</option>");

 

// Replace items at a certain index
$("#myselect option:eq(1)").replaceWith("<option value='2'>Some apples</option>");
$("#myselect option:eq(2)").replaceWith("<option value='3'>Some bananas</option>");

 

// 지정된 index 값으로 select 하기
$("#myselect option:eq(2)").attr("selected", "selected");

 

// text 값으로 select 하기
$("#myselect").val("Some oranges").attr("selected", "selected");

 

// value 값으로 select 하기
$("#myselect").val("2");

 

// 지정된 인덱스 값의 item 삭제
$("#myselect option:eq(0)").remove();

 

// 첫번째 item 삭제
$("#myselect option:first").remove();

 

// 마지막 item 삭제
$("#myselect option:last").remove();

 

// 선택된 옵션의 text 구하기
alert($("#myselect option:selected").text());

 

// 선택된 옵션의 value 구하기

alert($("#myselect option:selected").val());

 

// 선택된 옵션 index 구하기
alert($("#myselect option").index($("#myselect option:selected")));

 

// SelecBox 아이템 갯수 구하기
alert($("#myselect option").size());

 

// 선택된 옵션 앞의 아이템 갯수
alert($("#myselect option:selected").prevAll().size());

 

// 선택된 옵션 후의 아이템 갯수
alert($("#myselect option:selected").nextAll().size());

 

// Insert an item in after a particular position
$("#myselect option:eq(0)").after("<option value='4'>Some pears</option>");

 

// Insert an item in before a particular position
$("#myselect option:eq(3)").before("<option value='5'>Some apricots</option>");

 

// Getting values when item is selected
$("#myselect").change(function() {
alert($(this).val());
alert($(this).children("option:selected").text());
});

 

'프로그래밍 > ETC' 카테고리의 다른 글

ADODB.Stream을 이용한 다운로드,파일저장  (0) 2013.03.15
jquery select 관련정리  (0) 2013.03.15
MimeType 목록  (0) 2013.03.15
특수문자 URL인코딩  (0) 2009.10.14
원격터미널세션종료  (0) 2009.10.14
 
블로그 이미지

손반장님

카테고리

분류 전체보기 (68)
잡담 (15)
stuff (6)
Mountain (11)
프로그래밍 (35)