javascript - Issue on Resting Select Options in Bootstrap Select -

javascript - Issue on Resting Select Options in Bootstrap Select -

using bootstrap 3 , bootstrap select plugin have select options list @ this demo . reset select alternative first alternative ("select list") when ever user clicks on reset btn. tried this:

$('#resetform').on("click", function(){ $("#selopt").val($("#selopt option:first").val()); }); <select class="selectpicker" id="selopt"> <option value="0">select list</option> <option value="1">volvo</option> <option value="2">saab</option> <option value="3">mercedes</option> <option value="4">audi</option> </select> <br> <button id="resetform" class="btn btn-success">reset</button>

but not doing job! can please allow me know how this? thanks

you need utilize 'deselect' reset selectpicker as:

$('#resetform').on("click", function(){ **$("#selopt").selectpicker('deselectall');** }); <select class="selectpicker" id="selopt"> <option value="0">select list</option> <option value="1">volvo</option> <option value="2">saab</option> <option value="3">mercedes</option> <option value="4">audi</option> </select>

reset

hope helps

javascript jquery twitter-bootstrap-3