如何使用 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 功能 这是我用来刷新标签的sn-p

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

Answer 1

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

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

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

Answer 2

不过我是新来的；所有这些都不适合我。

我必须获取$( "#test12" ) 的值并将新创建的对象从端点推送到$( "#test12" ) 值。您现在将拥有所有更新的数据。