Question

我正在使用带有Bootstrap Select插件的Bootstrap框架。

这是常规选择标记，而不是多个，这是我使用的代码：

<select class="selectpicker show-tick" name="main_course_select" id="main_course_select" title="main" data-style="btn-primary" data-width="100%">
    <?php echo get_food($mysqli,'main'); ?>
</select>

get_food()函数只使用MySQLi数据库中的值打印<option>标记。

当我第一次点击option时，我可以看到它被勾选得很好，当我再次点击同一选项时我希望取消选择该选项，为什么这不是默认功能超出我而且我不喜欢＃39; t喜欢使用多个select来实现这一点。任何人都知道如何完成这项工作？

以下是转载的问题：

＆＃13;

$(document).ready(function() {
	$('.selectpicker').selectpicker();
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.7.3/js/bootstrap-select.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/css/bootstrap.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.7.3/css/bootstrap-select.css">

<select class="selectpicker show-tick" name="main_course_select" id="main_course_select" title="main" data-style="btn-primary" data-width="100%">
    <option value="1">1</option>
    <option value="2">2</option>
</select>

＆＃13;

Answer 1

取消选择的唯一方法是在第一个节点添加一个空选项。

<select class="selectpicker show-tick" name="main_course_select" id="main_course_select" title="main" data-style="btn-primary" data-width="100%">
    <option></option>
    <?php echo get_food($mysqli,'main'); ?>
</select>

通过选择空选项，您将取消选择最后一个选项。一些插件，如 jquery选择或 jquery select2 ，可以添加取消选择简单值选项。

祝你好运

Bootstrap Select插件：取消选择问题

1 个答案: