th:field의 id 부여 질문
485
작성한 질문수 2
<!-- multi checkbox -->
<div>
<div>등록 지역</div>
<div th:each="region : ${regions}" class="form-check form-check-inline">
<input type="checkbox" th:field="*{regions}" th:value="${region.key}" class="form-check-input">
<label th:for="${#ids.prev('regions')}" th:text="${region.value}" class="form-check-label">서울</label>
</div>
</div>
우선 위에서 루프안에서 th:field를 사용하면 id뒷부분에 인덱스가 붙어 부여되는 것은 이해했습니다.
<!-- single checkbox -->
<div>판매 여부</div>
<div>
<div class="form-check">
<input type="checkbox" th:field="*{open}" class="form-check-input" />
<label for="open" class="form-check-label">판매 오픈</label>
</div>
</div>
| <!-- single checkbox --> | |
| <div>판매 여부</div> | |
| <div> | |
| <div class="form-check"> | |
| <input type="checkbox" class="form-check-input" id="open1" name="open" value="true" /><input type="hidden" name="_open" value="on"/> | |
| <label for="open" class="form-check-label">판매 오픈</label> | |
| </div> | |
| </div> | |
그런데 위처럼 판매여부 부분의 input에 id를 따로 지정하지 않고 th:field만 적용하니 id가 open1로 붙어 의문이 생겨 질문드립니다.
<div>
<label for="itemName">상품명</label>
<input type="text" th:field="*{itemName}" class="form-control" placeholder="이름을 입력하세요">
</div>
위에서도 동일하게 id는 별도로 작성하지 않았지만 itemName1이 아닌 itemName으로 id가 들어옵니다.
판매여부 부분만 open1로 지정이되어 확인해보니 input 타입을 checkbox가 아니라 text로 변경하니 정상적으로 open으로 지정이 되던데.. input 타입에 따라 id가 부여되는 방식이 다른가요 ?
답변 1
0
안녕하세요. developer_account님
checkbox의 경우 여러게 멀티로 만들 수 있습니다. HTML에서 id는 중복되면 안되기 때문에 이렇게 만들어줍니다.
감사합니다.
이미지 업로드와 db 트랜잭션 묶는법
0
42
1
Could not resolve org.springframework.boot:spring-boot-starter-validation:2.4.4
0
52
2
MessageSourceTest 코드
0
47
1
인터셉터 에러 설정
0
48
1
resolveArgument()메서드 질문
0
56
1
43강 검증1 에서 실패 로직 관련 질문있습니다.
0
54
2
타임리프 3.X 버전 rendering, serializer 에러 해결 방법
2
133
3
스프링 빈에 등록이 안되는거 같은데 어떻게 하면 좋을까요?ㅠㅠ
0
89
3
pdf 오타 문의
0
57
1
ItemUpdateForm 검증 관련 질문입니다.
0
48
1
22page 링크 주소 변경
0
59
2
특정 데이터와 파일을 함께 저장 시, 테이블 구조 질문
0
53
1
섹션3번 수업에 대한 질문입니다.
0
80
2
@Autowired 보다 더 좋은 방법이 어떤 걸까요?
0
85
2
타입컨버터 가 람다랑 비슷해 보이는데 저의 생각이 맞는지?.
0
65
1
자바스크립트 인라인에서 객체 직렬화 시 오류가 납니다
0
142
3
스프링부트 - 오류페이지2 에서 500.html 에서 쓰인 객체 질문
0
63
1
톰캣 에러 페이지가 안보입니다.
0
100
2
apiEceptionController에서 센드 에러 호출하면 안되는지?
0
81
1
세션 타임아웃시 쿠키 삭제 방법이 없나요?
0
118
2
ApiExceptionController 질문드립니다.
0
64
1
셀렉박스 챕터에서 option value에 ==배송 방식 선택== 이것을 넣은 이유가 궁금함, 이렇게 구상해도 되는지?
0
66
1
MemberRepository 필드의 fianl 선언 유무
0
85
2
혹시 index.html 에서는 fragment 사용이 안되는건가요
0
58
1





