inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

스프링 MVC 2편 - 백엔드 웹 개발 활용 기술

셀렉트 박스

select에서 sequence로 반복할경우 선택된 값이 보여지게 할려면 어떤식으로 해야할까요?

294

인프러너

작성한 질문수 58

0

<select name="where" title="초급" class="sel_auto" th:field="*{beginnerCount}">
    <option value="0">초급</option>
    <option th:each="num: ${#numbers.sequence(1, 10)}" th:text="${num + '명'}" th:value="${num}">1</option>
</select>

위와같이 numbers.sequence로 1~10까지 select로 만들었는데

서버에서 th:field=*{beginnerCount} 값을 받아와서 만약 받아온 값이 5라고 하면 5가 선택되어지도록 하고 싶은데

이럴 경우에는 어느부분을 수정을 해야 서버에서 받은 값이 선택이 되어질까요?

 

 

 

spring mvc

답변 2

0

David

안녕하세요. 인프러너님, 공식 서포터즈 David입니다.

본 강의 라디오 버튼 편 후반부를 참고하셔서 적용해 보시겠어요?

th:field, th:value가 같으면 checked 처리됩니다.

https://www.inflearn.com/course/lecture?courseSlug=%EC%8A%A4%ED%94%84%EB%A7%81-mvc-2&unitId=83279&tab=curriculum

셀렉트 박스도 동일한 방식으로 동작할 것을 예상합니다:)

감사합니다.

0

인프러너

답변 감사합니다.

링크 걸어주신 강의를 보고 해결이 안되서 인터넷을 검색하고 하다가 도저히 해결 방법을 찾지 못해서 글을 적었었습니다.

위 소스에서

<option th:each="num: ${#numbers.sequence(1, 10)}" th:text="${num + '명'}" th:value="${beginnerCount}">1</option>

이런식으로 수정을 했었는데 안되더라구요..

0

David

th:field 속성도 함께 사용해 보셨을까요?

0

인프러너

상단에 th:field를 넣었었는데 안되더라구요

th:selected="${num == boName.middleCount}"

이런식으로 vo 까지 적어서 th:selected로 하니까 적용이 되더라구요.

0

인프런 AI 인턴

안녕하세요 인프러너님, 인프런 AI 인턴이에요.
선택된 값을 보여주기 위해서는 해당 옵션의 “selected” 속성을 추가해야 합니다. 예를 들어, 서버에서 받은 값이 5라고 가정하면 아래와 같이 코드를 수정하면 됩니다.

<select name="where" title="초급" class="sel_auto" th:field="*{beginnerCount}">
    <option value="0">초급</option>
    <option th:each="num: ${#numbers.sequence(1, 10)}" th:text="${num + '명'}" th:value="${num}" th:selected="${num == beginnerCount}">1</option>
</select>

위의 코드에서 th:selected="${num == beginnerCount}" 부분을 추가하면 서버에서 받아온 값이 num과 같을 경우 해당 옵션이 선택되어지게 됩니다. 이렇게 수정하면 서버에서 받은 값에 따라 선택된 값이 보여지게 됩니다. 감사합니다!

0

인프러너

<select name="where" title="초급" class="sel_auto" th:field="*{beginnerCount}">
    <option value="0">초급</option>
    <option th:each="num: ${#numbers.sequence(1, 10)}" th:text="${num + '명'}" th:value="${num}" th:selected="${num == voName.beginnerCount}">1</option>
</select>

이런식으로 하니까 해결 됐네요.

 

 

이미지 업로드와 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

57

1

43강 검증1 에서 실패 로직 관련 질문있습니다.

0

56

2

타임리프 3.X 버전 rendering, serializer 에러 해결 방법

2

133

3

스프링 빈에 등록이 안되는거 같은데 어떻게 하면 좋을까요?ㅠㅠ

0

90

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

102

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