목적

HTML 선택 상자의 기본값을 설정하는 방법 요약

방법

그대로 option 요소의 최상위 내용을 디폴트로 표시한다.

<select name="stg">
    <option value="1">hogehoge</option>
    <option value="2">fugafuga</option>
    <option value="3">piyopiyo</option>
</select>

아래와 같이 표시된다.

디폴트 표시하고 싶은 option 요소에 selected 라고 기재한다. 예를 들면, "piyopiyo"를 셀렉트 박스에 디폴트 표시하고 싶은 경우는 이하와 같이 기재한다.

<select name="stg">
    <option value="1">hogehoge</option>
    <option value="2">fugafuga</option>
    <option value="3" seleced>piyopiyo</option>
</select>

아래와 같이 표시된다.

참고 소스 코드

「piyopiyo」를 디폴트 표시하는 소스를 이하에 기재한다.

<!DOCTYPE html>
<html lang="js">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <header></header>
    <main>
        <select name="stg">
            <option value="1">hogehoge</option>
            <option value="2">fugafuga</option>
            <option value="3" selected>piyopiyo</option>
        </select>
    </main>
    <footer></footer>
</body>
</html>

Reference

이 문제에 관하여(HTML 선택 상자의 기본값 설정), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/miriwo/items/5b1590e24f0556aeded3

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다