Question

See this link .. 我的HTML页面包含类似的多选下拉菜单。像这样的东西 -

<select id="box" data-placeholder="Choose from available option.." class="chosen-select student-select" name="classes" multiple style="width:310px;" tabindex="4">
</select>

在此选择下拉列表中，我尝试通过发出Ajax请求并在那里显示成功数据来打印<option></option>。

当我使用简单的<select></select>而不使用chosen样式时，我可以在那里看到选项。但是当我在chosen（多个选择）附近使用select样式时，则不会显示选项。

document.getElementById("box").innerHTML = data;

我正在做类似这样的事情。请帮助为什么当我使用所选择的效果时它没有告诉我。？

$(document).ready(function(){
$('#customer').change(function(){
var Id = $(this).val();
$.ajax({
type: "GET",
url: '../folder/page1.php',
data: "mid="+Id,
success: function( data ) {
alert(data);
document.getElementById("box").innerHTML = data;
}
});
});
});

Answer 1

在通过ajax在页面中加载新的html后，您需要启动。这个问题已在这个问题中得到解答。

Chosen not working on elements from AJAX call

Answer 2

您只能在DOM中显示HTML输出。我假设您在ajax请求后获得选项。试着像

一样改变

$(document).ready(function(){
$('#customer').change(function(){
var Id = $(this).val();
$.ajax({
type: "GET",
url: '../folder/page1.php',
data: "mid="+Id,
 success: function( data ) {
    $("#box").html(data);
    $(".chosen-select").chosen();
 }
 });
});
});

在AJAX通话后，您应该初始化您的选择框。尝试分享结果。

在id <select> </select>部分中显示ajax请求和成功数据

2 个答案: