使 ajax 请求和成功数据显示在 id <选择></选择>部分中
Make ajax request and success data show in id <select></select> part
请参阅此链接。我的 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
样式时,我可以看到那里的选项。但是当我在select
(多选)附近使用chosen
样式时,它不会显示选项。
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;
}
});
});
});
您需要
在通过 ajax 将新 html 加载到页面中后启动 selected。这个问题已经回答了。
选择不处理 AJAX 调用中的元素
您只能在 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 调用之后,您应该初始化您的选择框。 尝试分享结果。
相关文章:
- 在jquery中选择id以字符串开头的元素
- 使用regex选择ID元素
- Bootstrap Navbar在选择ID元素后未折叠
- 选择id中带有双点的元素,错误:“#octo:cat”不是有效的选择器
- jQuery 选择 # id 以 word 作为前缀,计数器作为后缀
- 在数据响应中选择 #id.html
- 如何根据“选择 ID”选项值更改表的行和列
- 从变量中选择id
- jQuery从逗号分隔的列表中选择ID
- 选择ID为另一个元素中属性的元素
- 在jquery中选择ID+任意数字
- 动态添加行表需要更改选择 id 标签
- 根据其父ID选择ID
- 选择ID中有句号的元素
- 根据标签选择id
- 在Javascript中使用循环选择id的数量
- 没有选择ID
- Javascript -在选择id时遇到麻烦
- 不能用Jquery从$.get() / $.load()函数中选择ID.请帮帮我
- 用于从表中选择ID的JavaScript