javascript - 如何使用 jquery 在不丢失样式和插件(select2)的情况下刷新 div

Question

在 HTML 中，我试图在下面重新加载这个 div；

           <select name="test[]" id="test" multiple required
                   class="select2">
               @foreach($tests as $s)
                     <option value="{{ $s->id }}" {{ ( in_array($s->id, $tests) ) ? 'selected="selected"' : '' }}>
                             {{ $s->value }}
                      </option>
                @endforeach
           </select>

我正在使用脚本重新加载内容，但失去了 div 的 select2 功能这是我用来刷新标签的片段

 $( "#test12" ).load(window.location.href + " #test" );

Answer 1

您需要在每次刷新 div 元素后重新启动 select2 插件。

因为一旦你在你的选择标签上调用 .select2()，select2 就会通过脚本绑定(bind)，并且每当你刷新你的选择标签所在的 div 元素时，绑定(bind)就会被删除，并且它将成为正常的默认选择下拉菜单。所以要再次绑定(bind)它，你必须重新绑定(bind)它。

您可以尝试这些方法。$("#test").select2();或者$("#test").select2("refresh");