Javascript

[HTML] Select 특정한 항목만 목록에서 안보이도록 하기

eulBlue 2024. 5. 13. 09:23

📱테스트 환경

"nuxt": "^3.11.2"
"vue": "^3.4.21"
"vue-router": "^4.3.0"

Select 를 만들때 이제 초기에 보여야하는 값이 있고

그게 목록에는 안보이게 하고싶은 경우가 있었다. 선택 이라는게 처음에 보이고

ㅇㅣ제 필요한 값들이 드롭다운이 나왔을 때 선택은 안보이게 하고싶었는데

hidden 옵션을 사용하면 됐다. 방법은 다음과같다.

<select>	
    <option hidden>선택option>
    <option >1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
</select>