0

例如我已经实施optionselectpicker

<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>

当我选择了该选项时,我无法再次将选项设置为空白(设置为 null )

reset以前myFormskpd很清楚。

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

但这对我不起作用。我努力了:

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

它只是取消选择一个选择器。有没有办法重置表格,让一切都selectpicker清楚?例如,我有一个表格。在这个表格中,我有五个不同的selectpicker. 通常,我曾经$('#myFormskpd')[0].reset();一次清除表格。但它不起作用,selectpicker它仍然显示以前选择的选项。

4

1 回答 1

1

试试下面的代码:

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

$(function() {

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

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

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

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

    });


});
于 2017-10-20T11:23:49.510 回答