개발
jQuery에서 셀렉트 박스 선택 텍스트 가져오는 방법
농담곰이
2023. 5. 8. 19:39
반응형
jQuery를 사용하여 셀렉트 박스에서 선택한 옵션의 텍스트를 가져오는 방법은 다음과 같습니다.
HTML 코드:
```html
<select id="mySelect">
<option value="1">옵션 1</option>
<option value="2">옵션 2</option>
<option value="3">옵션 3</option>
</select>
```
jQuery 코드:
```javascript
var selectedText = $("#mySelect option:selected").text();
```
위의 코드에서 `$("#mySelect")`는 셀렉트 박스의 jQuery 객체를 선택합니다. `option:selected`는 선택된 옵션을 선택하고, `.text()`는 해당 옵션의 텍스트를 반환합니다. 따라서 `selectedText` 변수에는 현재 선택된 옵션의 텍스트가 저장됩니다.
만약 선택된 옵션의 값을 가져오고 싶다면 `.val()` 메서드를 사용할 수 있습니다.
```javascript
var selectedValue = $("#mySelect").val();
```
위의 코드에서 `selectedValue` 변수에는 현재 선택된 옵션의 값이 저장됩니다.
반응형