如何使用laravel根据if条件（使用下拉列表选择）打开引导程序面板？

Question

我使用了一个下拉代码段。根据选择值，应弹出不同的面板。

Answer 1

首先阅读可折叠元素：

http://getbootstrap.com/javascript/#collapse

阅读有关模态的文档以及如何与模式进行交互，因为它们是使用数据属性的良好参考：

http://getbootstrap.com/javascript/#modals

您只能在定位元素ID的html元素上使用data属性打开它们，或者根据您的需要，我会绑定到下拉列表的onchange事件，使用JavaScript触发面板显示。一个简单的函数来说明：

$('#mydropdown').on('change', function () {
    $('#' + $(this).data('target').val() ).toggle('collapse');
});

您的下拉列表可能如下所示：

<select id="mydropdown">
    <option data-target="panel1">panel 1</option>
    <option data-target="panel2">panel 2</option>
    <option data-target="panel3">panel 3</option>
</select>

然后一个小组可能是：

<div class="panel panel-default collapse" id="panel1">
  <div class="panel-body">
    Basic panel example
  </div>
</div>

这是一个非常简化的概述，但应该让你开始走正确的道路。如果您愿意，我确信如果不使用JavaScript，您就可以实现所有这些目标。