Ajax+JSon 직렬 메뉴 구현 코드

첫 번 째 드 롭 다운 상자:

 
<select id="select" name="rawfoodBasic.category" onchange="doChange(this.value);"> 
//          
</select>

두 번 째 드 롭 다운 상자:

 
<select id="subSelect" name="rawfoodBasic.absorb" onchange="javascript:alert(this.value);" > // 3               
<option value="0">--       -- </option> 
</select>

js 코드:

 
<script type="text/javascript"> 
$.ajaxSetup({ 
cache:false 
}); //  ajax      
function doChange(obj){ 
var url = '<c:url value="/nutrition/getSubDictDataToJsonByCategory.action"/>'+"?rawfood.category="+obj;//            action,action               
$.getJSON(url,function(json){ 
var seleOjb=document.getElementById("subSelect"); 
for(var k=0;k<seleOjb.options.length;k++){ 
seleOjb.options.remove(k); //              ,               
} 
$.each(json.subCategoryDictList,function(index,subDictData){ 
var optionj=document.createElement("option"); //          
optionj.value = subDictData.id; 
//alert(subDictData.id); 
optionj.text=subDictData.name; 
seleOjb.add(optionj); 
}); 
}); 
} 
</script>

 
<action name="getSubDictDataToJsonByCategory" class="rawfoodAction" method="getSubDictDataToJsonByCategory"> 
<result name="success" type="json"> 
<param name="includeProperties"> //        
^subCategoryDictList\[\d+\]\.id, 
^subCategoryDictList\[\d+\]\.name 
</param> 
</result> 
</action>

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

Delphi에서 ISuperObject를 사용하여 Json 데이터의 구현 코드 해석

자바, Php 등 언어에는 모두 성숙한 프레임워크가 있어 Json 데이터를 해석할 수 있다. 우리는 아주 적은 코드를 사용하여 포맷된 json 데이터를 프로그램이 식별할 수 있는 대상이나 속성으로 변환할 수 있고델피...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

Ajax+JSon 직렬 메뉴 구현 코드

좋은 웹페이지 즐겨찾기