Ajax+Jsonカスケードメニュー実装コード

1795 ワード

最初のドロップダウン:
 
  


2番目のドロップダウン:
 
  


jsコード:
 
  
<br>$.ajaxSetup({ <br>cache:false <br>}); // ajax <br>function doChange(obj){ <br>var url = '<c:url value="/nutrition/getSubDictDataToJsonByCategory.action"/>'+"?rawfood.category="+obj;// action,action <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; <br>//alert(subDictData.id); <br>optionj.text=subDictData.name; <br>seleOjb.add(optionj); <br>}); <br>}); <br>} <br>
 
  


//
^subCategoryDictList\[\d+\]\.id,
^subCategoryDictList\[\d+\]\.name