如何清除Bootstrap Form Helpers Select Box中的选定值

时间:2014-08-25 15:05:51

标签: drop-down-menu twitter-bootstrap-3 bootstrap-form-helper

如何访问bootstrap formhelpers库的各种选项?

我已尝试过各种方式访问​​它们,但每次都会出错。

具体来说,我试图清除bfh-selectbox

中的所选值

2 个答案:

答案 0 :(得分:0)

从下拉列表开始,很难清除选择框的价值。您的意思是将下拉列表设置为特定选项吗?

对于您的特定问题:您可以使用JQuery设置和获取bfh-selectbox的值,如下所示:

HTML:

<div id="selBox" class="bfh-selectbox" data-name="selectbox1">
   <div data-value="1">Option 1</div>
   <div data-value="2">Option 2</div>
   <div data-value="3">Option 3</div>
</div>

获取价值:

var output = $("#selBox").val();

设定值:

$("#selBox").val([Replace with valid option value]);

BFH是很棒的组件,但他们的文档确实缺乏。

答案 1 :(得分:0)

$("#Select").val('');
$("#Select").selectpicker("refresh");

请参阅How to reset value of Bootstrap-select after button click