使用ajax填充Combobox

时间:2013-05-18 05:26:18

标签: jquery html ajax

您好我正在尝试使用ajax填充组合框,但我无法让它工作。这是我的代码,我从Servlet获取数据。

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

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

这是我的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);

我的HTML:

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

1 个答案:

答案 0 :(得分:1)

  • 如果您的select元素在视图来源中具有ID cboProvincia
  • 如果您的success功能被解雇,
  • 如果data属于<option>...</option>

然后此代码必须正常工作:

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