본문 바로가기
개발

jQuery에서 셀렉트 박스 선택 텍스트 가져오는 방법

by 농담곰이 2023. 5. 8.
반응형

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` 변수에는 현재 선택된 옵션의 값이 저장됩니다.

반응형

댓글