最初のドロップダウン ボックス: コードをコピー コードは次のとおりです。 < select id=" select" name="rawfoodBasic.category" onchange="doChange(this.value);"> //最初のドロップダウン ボックスの値 > 2 番目のドロップダウン ボックス: コードをコピー コードは次のとおりです: js コード: コードをコピーします コードは次のとおりです。 🎜>$.ajaxSetup({ cache: false </div>}); //ajax の以前の値をクリアします <div class="codebody" id="code64656">function doChange(obj){ <br>var url = '<c:url value= "/nutrition/getSubDictDataToJsonByCategory.action"/>' "?rawfood.category=" obj;//最初のドロップダウン ボックスを選択した後に入力されたアクション、2 番目のドロップダウン ボックスの必要な値が割り当てられますアクション<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); //最初のドロップダウン ボックスの値が再度選択されると、2 番目のドロップダウン ボックスの元の値がクリアされます <BR>} <BR>$ .each(json.subCategoryDictList,function(index,subDictData){ <BR>var optionj =document.createElement("option"); //2 番目のドロップダウン ボックスに値を割り当てます。<BR>optionj.value = subDictData. id; <BR>//alert(subDictData.id); <BR>seleOjb.add(optionj); <BR> } <BR> 🎜>コードをコピー コードは次のとおりです: <アクション名="getSubDictDataToJsonByCategory" " class="rawfoodAction" method="getSubDictDataToJsonByCategory"> ; //返されるパラメータを定義する^subCategoryDictList[d ].id、^subCategoryDictList[d ].name
