[Thymeleaf] option 값 가져오기

Hyeri Park·2023년 1월 17일
0

Thymeleaf

목록 보기
1/1
post-thumbnail

Thymeleaf로 반복출력한 Option 값을 jQuery에서 가져오기

<body >
	<form id="signup-form">	
	  <select class="stm-select" th:name = "keyword" style = "width: 18em;" >
	    <option value="선택">지역선택</option>
	    <option th:each="addr , i : ${addr}" th:text="|${addr.sido} ${addr.gungu}|" th:value="|${addr.sido} ${addr.gungu}|"></option>
	  </select>
	  <input class="addr" type="hidden">
	  <button type="submit" id="search_btn">조회</button>
	</form>

</body>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="/assets/js/main2.js"></script>
<script type="text/javascript">
	$("#search_btn").click(
			function() {
				//option 값 가져오기
				var keyword = $("select option:selected").val();
				console.log(keyword);
				}
			);
</script>
profile
Backend Developer

0개의 댓글