Populate Combobox with ajax

Question

Hi I am trying to populate a combobox using ajax, but I cant get it work. This is my code, I get the data from a Servlet.

 $.ajax({
     type: "POST",
     url: "../../sListarProvincia",
     data: dataString,

     success: function (data) {
         $("#cboProvincia").append(data);
     },
     error: function (data) {
         alert("ocurrio un error");
     }
 });

Here is the code on my Servlet.

    try {
        /* TODO output your page here. You may use following sample code. */
        String IdDepartamento = request.getParameter("IdDepartamento").toString();
        List<Ubigeo> lisUbigeo = UbigeoCOM.ListarProvincias(IdDepartamento);

        String html="";
        for(int i=0;i<lisUbigeo.size();i++)
        {
            html = html + "<option value="+lisUbigeo.get(i).getIdUbigeo()+">"+ lisUbigeo.get(i).getNombre()+"</option>";

        }

        out.println(html);

My html:

<select style="float:left" id="cboProvincia" class="combobox" name="cboDepartamento">
</select>

first you need to give us which is the data type that you are receiving in your ajax and second if the data it's a html specified in the datatype property of your ajax — Jorge, May 18 '13 at 05:32
Please have a look at this [link](http://stackoverflow.com/a/818611/1577396). — Mr_Green, May 18 '13 at 05:35
what happens when your data it's appended? did you check your the dom to see how your data it's interpreted? also would be nice to know the headers — Jorge, May 18 '13 at 05:37
What is your `#cboProvincia` element? What you get when `alert(data);`? — , May 18 '13 at 05:45
What exactly is not working? Does the success callback ever fire? This needs basic debugging first. — Pekka, May 18 '13 at 06:22
FINALLY IT WORKED. I WAS USING BOOTSTRAP COMBOBOX, IT SEEMS IT DOESNT WORK WITH AJAX. I REMOVED "CLASS=COMBOBOX", AND IT WORKED, THANKS TO ALL OF YOU — Flezcano, May 18 '13 at 06:36

score 2 · Accepted Answer · answered May 18 '13 at 06:33

2

If your select element has the ID cboProvincia in view source,
If your success function fired,
If your data is something to <option>...</option>,

Then this code must works correctly:

$("#cboProvincia").html(data);

answered May 18 '13 at 06:33

Agreed, I was using boostrap combobox, and it seems it doesnt work with ajax. – Flezcano May 18 '13 at 06:37

Populate Combobox with ajax

1 Answers1