[웹앱 맨땅에 헤딩일기] - JSP 콤보박스 초기화 (.reset())

신청 후에 form을 초기화 하는 방법.

보통 콤보박스는 select으로 구성되어 있죠.

 

1. 콤보박스 하나씩 첫번째 옵션으로 처리하는 방법

<form id="myForm">
    <!-- 폼 안에 있는 요소들 -->
    <input type="text" id="nameInput" name="name" value="기본값">
    <input type="checkbox" id="checkboxInput" name="checkbox" checked>
    <select id="mySelect" name="mySelect">
        <option value="option1">고기</option>
        <option value="option2">생선</option>
    </select>

    <!-- 초기화 버튼 -->
    <button type="button" onclick="resetForm()">폼 초기화</button>
</form>

<script>
function resetForm() {
    // 각 요소의 값을 초기값으로 변경합니다.
    document.getElementById("nameInput").value = "기본값";
    document.getElementById("checkboxInput").checked = true;
    document.getElementById("mySelect").selectedIndex = 0; // 첫 번째 옵션을 선택하도록 설정
}
</script>

2. form안에 있는 것을 한번에 초기

<form id="myForm">
    <!-- 폼 안에 있는 요소들 -->
    <input type="text" name="name" value="기본값">
    <input type="checkbox" name="checkbox" checked>
    <select name="mySelect">
        <option value="option1">옵션 1</option>
        <option value="option2">옵션 2</option>
    </select>

    <!-- 초기화 버튼 -->
    <button type="button" onclick="resetForm()">폼 초기화</button>
</form>

<script>
function resetForm() {
    // 폼을 초기화합니다.
    document.getElementById("myForm").reset();
}
</script>

하나씩 하나씩 차근차근 해보자고요~~