Jsp AJAX：

Question

我想将ajax共振数据加载到下拉列表中。我的页面上有一个下拉列表。我只想将包含选项列表的ajax响应数据加载到下拉列表中。

这是我的下拉列表。

<select title="Basic example" id="muliSelect6" class="multipleCheckbox" multiple="multiple" name="example-basic6[]" size="5">

</select>

我正在使用以下ajax脚本：

         $.ajax({
                url: "GetPerPersonData.php",
                type: "POST",
                data:           {
             building: $('#muliSelect1').val(),wing:$('#muliSelect3').val()

            },
                success: function(data) 
                    {
               $("#muliSelect6").html('');  
                       $("#muliSelect6").html(data);
                    }

            });

我将响应列为选项列表，如下所示

<option value="yogesh">Yogesh kale</option>

但它没有加载到下拉列表中。所以请帮我正确地获得输出。

Answer 1

使用append代替HTML

 $('#multiSelect6').append(data);

Answer 2

var dropdown=$('#multiSelect6');
dropdown.empty();
$('#multiSelect6').append(data);

这是您在加载前清除下拉数据的方法。

Answer 3

作为替代方案，您可以将数据作为JSON有效负载返回（这可能是返回原始HTML的更好选择）并直接将JSON数据加载到下拉列表中：

success: function(data) {
    $("multiSelect6").view(data)
}

您需要下载此库https://github.com/JocaPC/jquery-view-engine/tree/master/src。有关详细信息，请查看此https://jocapc.github.io/jquery-view-engine/docs/ajax-dropdown。

Answer 4

这是我的代码，它工作正常。

列表项

Jsp AJAX：

function changeVal（）{

raise()

我的Java类代码：

在java中我从DB获取MOL代码并且我正在分配DROP Down。请记下它.. struts class（DispatchAction）。

public ActionForward getMOLCodesList（ActionMapping mapping，ActionForm fm， HttpServletRequest请求，HttpServletResponse响应）抛出异常{ ArrayList molList = new ArrayList（）;

    var name = $('select#company').val();

    $.post('myActionForm.do?parameter=getMOLCodesList', {

        userName : name

    }, function(response) {

        var select = $('#molcode');

        select.find('option').remove();

        $.each(response, function(index,value) { 

        $('<option>').val(value).text(value).appendTo(select);

     }); 


    }); }

Jsp页面：

    String companyname = request.getParameter("userName");

    String json = null;
    System.out.println("company name is"+companyname);

    connection = (SybConnection)getXchgConnect();

    if(companyname!=null && !(companyname.equalsIgnoreCase(""))) {

        System.out.println("Hello,i am from MOL codes");

        cstmt1 = connection
                .prepareCall("{call allied.dbo.p_getMOLcodes(?)}");

        cstmt1.setString(1, companyname);
        molCodes = cstmt1.executeQuery();

        while (molCodes.next()) {

            molList.add(molCodes.getString("MOLCode").trim());

        }
        System.out.println("Mol lIst size is-->"+molList.size());

        response.setContentType("text/plain");

        json = new Gson().toJson(molList);
        response.setContentType("application/json");

        response.getWriter().write(json);

        if(connection!=null && molCodes!=null) {
            connection.close();
            molCodes.close();
        }
    }

    //return mapping.findForward("welcome1"); 
    return null;
}

border：2px solid＃336600;填充：3px＆＃34; /＆gt;

希望这会对某人有所帮助。

列表项

我想将ajax响应数据加载到下拉列表中

4 个答案:

Jsp AJAX：

我的Java类代码：

Jsp页面：