투케이2K

37. (jquery/제이쿼리) select box 셀렉트 박스 prop 사용해 value 값 강제 선택 , 선택된 text 텍스트 확인 실시 본문

Jquery

37. (jquery/제이쿼리) select box 셀렉트 박스 prop 사용해 value 값 강제 선택 , 선택된 text 텍스트 확인 실시

투케이2K 2022. 5. 6. 20:09

[개발 환경 설정]

개발 툴 : Edit++

개발 언어 : jquery

 

[소스 코드]

        /* [테스트 함수 정의] */
        function testMain(){           
            console.log("");
            console.log("[testMain] : [start]");
            console.log("");


            // [CDN 추가 실시]
            // <script src="https://code.jquery.com/jquery-latest.min.js"></script>


            // [컴포넌트 아이디 지정 실시 및 강제 선택 실시]
            // [value 값에 option 에서 설정 한 값 지정]
            $("#select_item").val("2").prop("selected", true);


            // [선택된 select 컴포넌트 value , test 값 확인 실시]
            var selectValue = $("#select_item option:selected").val(); // [select value 값 선택]
            var selectText = $("#select_item option:selected").text(); // [select text 값 선택]


            console.log("");
            console.log("[selectValue] : " + selectValue);
            console.log("[selectText] : " + selectText);
            console.log("");
        };
 

[결과 출력]


반응형
Comments