select 태그 안에 직접입력 만들기

https://hiworldbye.tistory.com/43

프론트 - select box 직접입력란 생기게하기

<script>
/* 카테고리 직접 입력선택 시 인풋 박스 띄워주는 Jquery */
$(function(){
      //직접입력 인풋박스 기존에는 숨어있다가
$(".categoryValue").hide();
$("#category").change(function() {
                //직접입력을 누를 때 나타남
		if($("#category").val() == "direct") {
			$(".categoryValue").show();
		}  else {
			$(".categoryValue").hide();
		}
	}) 
});
</script>


			<select id="category" name="category">
				<option value="없음" >카테고리 없음</option>
				<c:forEach var="categoryValue" items="${categoryValue}">
					<option value="${categoryValue}">${categoryValue}</option>
				</c:forEach>
				<option value="direct">직접입력</option>
			</select>
<input type="text" id="category" class="categoryValue" name="categoryValue"/>