已选择 Ajax 已加载 select

Question

我有 select 下拉元素，它是从 ajax 调用动态加载的，我想搜索 select 上的选项。我为我的 select 使用了 Chosen jquery 插件，但这不起作用，因为 select 元素在文档就绪功能期间选择加载时不可用（在 ajax 响应上加载） .

我试过显式调用 jQuery(".chosen").chosen(); 在 div 加载到 Ajax 之后，但这也没有帮助。

我的 Ajax 电话是：

$.ajax({type: "POST",
            url: url,
            data: "action=getVMList,
             success: function(response) {              
                $('#vmList').innerHTML=response;

                 //Explicitly call chosen after ajax response. 
                 jQuery(".chosen").chosen();

                }       
        });

对 ajax 的响应 DIV 是

<select class="AllVmList chosen" multiple id="select4${index}" >
    <c:forEach var="vm" items="${vmList}">
        <option><c:out value="${vm}"/></option>
    </c:forEach>
</select>

Answer 1

似乎问题出在某些缓存上。工作

已选择 Ajax 已加载 select

Chosen- on Ajax loaded select

html

javascript

ajax

jquery

jquery-chosen