jQuery를 사용하여 select 요소에서 선택된 옵션의 텍스트를 가져오는 방법은 다음과 같습니다.
html<select id="my-select">
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
</select>
jsconst selectedOptionText = $('#my-select option:selected').text();
console.log(selectedOptionText); // "Option 1", "Option 2", "Option 3" 중 선택된 텍스트
위의 코드에서, $('#my-select option:selected')
를 사용하여 선택된 option 요소에 접근합니다. text()
메소드를 이용하여 선택된 option 요소의 텍스트를 가져올 수 있습니다. 이때, text()
메소드는 선택된 option 요소 중 첫 번째 요소에 대한 텍스트를 반환합니다. 따라서, select 요소에서 선택된 옵션에 대한 텍스트를 가져오려면, $('#my-select option:selected')
로 접근하여 선택된 option 요소의 텍스트를 가져와야 합니다.
값 가져올때는? const selectedOptionText = $('#my-select option:selected').val(); // 1,2,3