在表单中使用 jQuery 重置 bootstrap-select

Question

例如，我实施了 option 和 selectpicker。

<form class="form-horizontal" id="myFormskpd" >
<select class="selectpicker form-control" id="id_objek_penugasan_skpd" name="id_objek_penugasan_skpd" data-live-search="true"  title="Pilih data objek penugasan" >
<option data-subtext="01" value="1" >SKPD Provinsi Maluku </option>
<option data-subtext="02" value="2" > SKPD Kabupaten/Kota Maluku </option>
<option data-subtext="03" value="3" >Satuan Kerja Pusat </option>
<option data-subtext="04" value="4" >Proyek Pusat  </option>
<option data-subtext="05" value="5" >Proyek Daerah  </option>
<option data-subtext="06" value="6" >BUMN  </option>
<option data-subtext="07" value="7" >BUMD  </option>
</select>
</form>

当我select编辑选项时，我无法再次将选项设置为空白（设置为空）

我用 reset 使我的 myFormskpd 清楚。

$('#myFormskpd')[0].reset();

但它对我不起作用。我试过：

$('#id_objek_penugasan_skpd').selectpicker('deselectAll');

它只有一个 select 一个 select 选择器。有没有办法重置表格，使所有 selectpicker 清晰？例如，我有一个表格。在这个表格中，我有五个不同的 selectpicker。通常，我使用 $('#myFormskpd')[0].reset(); 来一次性清除表格。但它在 selectpicker 中不起作用，它仍然显示以前的 selected 选项。

Answer 1

试试下面的代码：

https://codepen.io/zerolfc/full/pWYwNq/

$(function() {

    $('.selectpicker').selectpicker();

    $('button').click(function() {

        $('#id_objek_penugasan_skpd').selectpicker('deselectAll');

        // or $('.selectpicker').selectpicker('deselectAll');

    });


});

在表单中使用 jQuery 重置 bootstrap-select

Reset the bootstrap-select using jQuery iniside a form

jquery

bootstrap-selectpicker