[javascript] 자바스크립트 셀렉트(select) 초기화 , 넣기 , 빼기 , 값읽기


1. select(셀렉트) 원위치
$('#reset').click(function () {
    $("#client_cos option:eq(0)").prop("selected", true);
    //처음 위치로 돌아가기
});

2. select(셀렉트) 요소 삭제하기
$('#delete').click(function () {
    $("#client_cos option:eq(0)").remove();
    //첫번째 위치 지우기
});

3. select(셀렉트) 요소 추가하기
$('#add').click(function () {
    $("#client_cos").append("<option> 10 </option>");
    //마지막 위치에 넣기
});

3. select(셀렉트) 특정 위치 요소 추가하기
$('#third_add').click(function () {
    $("#client_cos option:eq(3)").after("<option> 1111 </option>");
    //3번째 이후부터 넣기
});


4. select(셀렉트) 값과 인덱스 알기

$('#check').click(function () { // 값과 위치를 알기
    var index = $("#client_cos option").index($("#client_cos option:selected"));
    var select_val = $("#client_cos option:selected").val();
    alert('선택 인덱스 =' + index + ' 선택한 값 ' + select_val);
});


See the Pen select by Nami (@NamuNami) on CodePen.


전체 테스트 코드


블로그 이미지

미나미나미

,