첫 번째 드롭다운 상자: 코드 복사 코드는 다음과 같습니다. < select id=" select" name="rawfoodBasic.category" onchange="doChange(this.value);"> //첫 번째 드롭다운 상자의 값 > 두 번째 드롭다운 상자: 코드 복사 코드는 다음과 같습니다. //메뉴 3개를 원하시면 해당 시간도 적어주세요--보조 메뉴를 선택하세요-- js 코드: 코드 복사 코드는 다음과 같습니다. 🎜>$.ajaxSetup({ <br>cache: false <br>}) //ajax에서 이전 값 지우기 <br>function doChange(obj){ <br>var url = '<c:url value= "/nutrition/getSubDictDataToJsonByCategory.action"/>' "?rawfood.category=" obj;//첫 번째 드롭다운 상자를 선택한 후 입력하는 작업이고 두 번째 드롭다운 상자의 필수 값은 작업<br>$.getJSON(url,function(json){ <br>var seleOjb=document.getElementById("subSelect"); <br>for(var k=0;k<seleOjb.options.length;k ){ <BR>seleOjb.options.remove(k); //첫 번째 드롭다운 상자의 값이 다시 선택되면 두 번째 드롭다운 상자의 원래 값을 지웁니다. <BR>} <BR>$ .each(json.subCategoryDictList,function(index,subDictData){ <BR>var optionj =document.createElement("option"); //두 번째 드롭다운 상자에 값 할당 <BR>optionj.value = subDictData. id;//alert(subDictData.id); <BR>seleOjb.add(optionj)) <BR> } <BR> 🎜>코드 복사 코드는 다음과 같습니다. //반환된 매개변수 정의 ^subCategoryDictList[d ].id, ^subCategoryDictList[d ].name