AJAX: Junk value coming at end of records

Question

Hi,
I am using ajax to populate the values in Combo box. I have an issue there.
When i select one value in first combo, it displays junk characters at end of records.
e.g. If on selction of A i should get 1, 2 and 3 in second drop down. I am getting 1, 2, 3, ^%^%.
Please let me know what can be issue.
~Aman

Answer 1

This is the JS call.
               function fnGetBonusData2()
               for(i=document.getElementById("bonusData2").options.length-1;i>=0;i--)
                         document.getElementById("bonusData2").remove(i);
                    var bonusData1 = document.getElementById("bonusData1").value;
                    var strURL = "../getBonusData2.do"
                    strURL = strURL+"?methodName="+"getBonusData2";
                    strURL = strURL+"&controlName="+"bonusData2";
                    strURL = strURL+"&bonusData1="+bonusData1 ;
                    fnRetrieveURL(strURL,"fnOnReturnFromBonus2");
               }Action Method code
          try {
               if (isValidSession(request)) {
               String strBonusData1 = request.getParameter("bonusData1");
               BonusDataManager bonusDataManager = new BonusDataManager();
               String strAreaForRegion = bonusDataManager.getBonusData2(strBonusData1) ;
               System.out.println("bonus data 2"+strAreaForRegion);
               response.setContentType("text/html");
              PrintWriter out = response.getWriter();
              out.println(strAreaForRegion);
              out.flush();
               } else {
                    return null;
          } catch (Exception ex) {Manager method call
    public String getBonusData2(String strBonusData1)
          String value="";
          PersistencyManager persistencyMgr = new PersistencyManager();
          try {
               persistencyMgr.beginTransaction();
               if(!strBonusData1.equalsIgnoreCase(""))
                    StringBuffer userQueryBuffer = new StringBuffer();
                    userQueryBuffer.append("SELECT distinct bonusMaster.bonusData2 ");
                    userQueryBuffer.append("from BonusMaster bonusMaster where bonusMaster.bonusData1 ='");
                    userQueryBuffer.append(strBonusData1);
                    userQueryBuffer.append("'");
                    Collection collection = persistencyMgr.find(userQueryBuffer.toString());               
                    int counter = 0;
                    if(collection != null || collection.size() != 0)
                    for (Iterator it = collection.iterator(); it.hasNext();) {
                              Object obj = (Object) it.next();
                              String bonusMasterData2 = (String) obj;
                              if(null != bonusMasterData2){
                                   if(counter != 0)
                                        value += ",";
                                   value +=bonusMasterData2;
                                   counter ++;
          }Return JS method call
               function fnOnReturnFromBonus2()
                    if (varXMLrequest.readyState == 4)
                         if(varXMLrequest.status == 200)
                              var strSubClassValue = varXMLrequest.responseText;
//                              alert(strSubClassValue.length);
                              if(strSubClassValue != '')
                                var strArray = strSubClassValue.split(",");
//                                   alert(strArray);
                                   var iLength = strArray.length;
//                                   alert(iLength);
                                   var optnSelect = document.createElement("OPTION");
                                   optnSelect.text = 'Select';
                                   optnSelect.value = '';
                                   document.getElementById("bonusData2").options.add(optnSelect);
                                   for(i =0 ; i< iLength;i++)
                                        var optn = document.createElement("OPTION");
                                        optn.text = strArray;
                                        optn.value = strArray[i];
//                                        alert(optn.value);
                                        document.getElementById("bonusData2").options.add(optn);