0

私はAJAXを初めて使用します。JSPに2つのドロップドロップリストがあります。最初のドロップダウンから1つの値を選択することに基づいて、バックエンドから2番目のドロップダウンリストに値を入力する必要があります。struct1.2でAJAXから上記の機能を実行しようとしました。

onChangePrdGrp[ JavaScript関数]内で次のコードを使用しました。

var prdGrp = document.getElementById('strProductGroup').value;
if("" != prdGrp){
    var xmlhttp;

    if (window.XMLHttpRequest)
    {// code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp=new XMLHttpRequest();
    }
    else
    {// code for IE6, IE5
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    document.getElementById('prdPitch').style.display = "block";
    document.forms[0].module.value= "getProductPicthed";
    xmlhttp.open("POST","/lmsGetPrdPitched.do?prdGrp="+prdGrp,true);
    xmlhttp.send();
}else{
    document.getElementById('prdPitch').style.display = "none";
    document.getElementById('strProductPitched').value = "";
    document.getElementById('strProduct').value = "";
}

DropDown1：

<tr>
<td style="text-align: left" width="20%">Product Group</td>
<td style="text-align: left" width="20%"><html:select
property="strProductGroup" style="width:180px;"
onchange="onChangePrdGrp()">
<html:option value="">select</html:option>
<html:optionsCollection name="ProdGrpList" />
</html:select></td>
</tr>

ドロップダウン2：[このドロップダウンに値を入力する必要があります]

<tr id="prdPitch">
     <td style="text-align: left" width="20%">Product Pitched</td>
     <td style="text-align: left" width="20%"><html:select
      property="strProductPitched" style="width:180px;">
      <html:option value="">select</html:option>
      <%if(null != ProductPitchList) { %>
      <html:optionsCollection name="ProductPitchList" />
      <%} %>
      </html:select></td>
</tr>

これについて私に提案してください。

4

1 に答える 1

0

jQueryを使用すれば非常に簡単です

たとえばここを参照してください

ここに良い例があります.jQuery関連のjsファイルを挿入することを忘れないでください

以下のファイルを含める

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
于 2013-03-19T12:36:08.813 に答える