Bootstrap的Select异步刷新时有问题

最新推荐文章于 2022-07-06 20:44:54 发布

茉莉花茶

最新推荐文章于 2022-07-06 20:44:54 发布

阅读量6.6k

点赞数

分类专栏： jQuery bootstrap 文章标签： Bootstrap select json

本文链接：https://blog.csdn.net/zhaoyingjiao/article/details/40377009

版权

在使用Bootstrap的select组件并尝试通过JSON数据异步更新选项时，遇到<select>元素内内容未更新的问题。尝试了两种方法：1) 使用$.append()添加Option，能更新Select但不反映在显示的<ul>中；2) 能更新显示的option，但无法选中所点击的选项。解决方案包括同事的方法和作者自有的jQuery实现。

摘要由CSDN通过智能技术生成

使用bootstrap的select控件后，用$().append()option，发现<ul>里面的内容没有跟着改变，<select id="OS" class="span2 chosen chzn-done">和<div id="OS_chzn" class="chzn-container undefined chzn-container-single">里面的<ul>是对应的。用JSON返回的数据异步刷新select时，ul里面的值没有改变，尝试过下面两张方法都不行：

1. 这种可以添加Select里面的Option，但是不能改变div里面ul里面的值。页面展示没有刷新。

var ajaxUrl = '/config/loadTypeValues?page_no=1&page_size=100&searchContent=' + typeName;
            $.ajax({
                type:'get',
                url:ajaxUrl,
                dataType:'json',
                cache:false,
                success:function(data){
                    alert(data);
                    for (var i=0; i < data.length; i++) {
                        $('#' + typeName).append("<option value="