如何使用 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 插件。

因為一旦您在 select 標記上調用.select2() ，select2 就會通過腳本綁定，並且每當您刷新包含 select 標記的 div 元素時，綁定將被刪除，它將變為正常的默認值 Z999439Z415dropdown。 因此，要再次綁定它，您必須重新綁定它。

您可以嘗試這些方法來做到這一點。 $("#test").select2(); 或$("#test").select2("refresh");

Answer 2

不過我是新來的； 所有這些對我都不起作用。

我必須獲取$( "#test12" )的值並將新創建的 object 從端點推送到$( "#test12" )值中。 您現在將擁有所有更新的數據。