Javascript - select box 다루기

Javascript - select box 다루기
Photo by Alexander Schimmeck / Unsplash

맨날 봐도 또 보고 해야 한다. 머리로 다 안외워져

JQuery, javascript 로 select input 다루기
jquery - select option 선택값 가져오기
[jquery] select box 선택값 가져오기 // select box ID로 접근하여 선택된 값 읽기 $(”#셀렉트박스ID option:selected”).val(); // select box Name로 접근하여 선택된 값 읽기 $(“select[name=셀렉트박스name]”)..

// select box ID로 접근하여 선택된 값 읽기
$("#셀렉트박스ID option:selected").val();
// select box Name로 접근하여 선택된 값 읽기
$("select[name=셀렉트박스name]").val();
// 선택된 값의 index를 불러오기
var index = $("#셀렉트박스ID option").index($("#셀렉트박스ID option:selected"));
// 셀렉트 박스에 option값 추가하기
$("#셀렉트박스ID").append("<option value='1'>1번</option>");
// 셀렉트 박스 option의 맨앞에 추가 할 경우
$("#셀렉트박스ID").prepend("<option value='0'>0번</option>");
// 직접 index 값을 주어 selected 속성 주기
$("#셀렉트ID option:eq(1)").attr("selected", "selected");
// value 값으로 selected 속성 주기
$("#셀렉트ID").val("1");
$("#id").val("1").prop("selected", true);
// 첫번째, 마지막 item 삭제하기
$("#셀렉트ID option:first").remove();
$("#셀렉트ID option:last").remove();