重置引导选择使用jQuery iniside表单

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> 

时，我有选择的选项，我不能让我用reset使我myFormskpd明确再次设置为空白选项（设置为null）

。

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

但它没有为我工作。我曾尝试过：

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

它只是取消选择一个选择选择器。是否有重置表单的方法，以便使所有的selectpicker都清楚？例如，我有一个表单。在这张表格里面，我有五种不同的selectpicker。通常，我使用$('#myFormskpd')[0].reset();来一次清除表单。但它在selectpicker不起作用，它仍然显示以前选择的选项。

Answer 1

试试下面的代码：

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

$(function() { 

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

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

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

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

    }); 


});