Javascript 如何使用jquery刷新div而不丢失样式和插件(select2)

Javascript 如何使用jquery刷新div而不丢失样式和插件(select2),javascript,html,jquery,laravel,Javascript,Html,Jquery,Laravel,在HTML中,我试图重新加载下面的这个div <select name="test[]" id="test" multiple required class="select2"> @foreach($tests as $s) <option value="{{ $s->id

在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插件

因为一旦您在select标记上调用了.select2(),并且每当您刷新select标记所在的div元素时,select2就会通过脚本进行绑定,绑定将被删除,并将成为正常的默认select下拉列表。所以再次绑定时,必须重新绑定

你可以试试这些方法。 $(“#测试”)。选择2()
$(“测试”)。选择2(“刷新”)

每次刷新div元素后,都需要重新启动select2插件

因为一旦您在select标记上调用了.select2(),并且每当您刷新select标记所在的div元素时,select2就会通过脚本进行绑定,绑定将被删除,并将成为正常的默认select下拉列表。所以再次绑定时,必须重新绑定

你可以试试这些方法。 $(“#测试”)。选择2()
$(“测试”)。选择2(“刷新”)

$('test12')。触发器('change')根据这个回答你的问题吗?它刷新div,但不显示更新后的列表以及在@Tithira
$('#test12')创建的新内容根据这个回答你的问题吗?它刷新div,但不显示更新的列表以及@Tithira创建的新内容
 $( "#test12" ).load(window.location.href + " #test" );