javascript - 如何使用 JavaScript 使用 Bootstrap Collapse 获取特定值

Question

我有一个下拉菜单:-

<select class="form-control" id="IDSelector">
    <option>A</option>
    <option>B</option>
    <option>C</option>
    <option>D</option>
    <option>E</option>
</select>                 

    <div class="panel-group">
      <div class="panel panel-default">
        <div class="panel-heading">
          <h4 class="panel-title">
            <input type="checkbox" id="select" data-toggle="collapse" data-target="#collapse1"> Please Select
          </h4>
        </div>
        <div id="collapse1" class="panel-collapse collapse">
          <div class="panel-body">
          </div>
          <div class="panel-footer">

          </div>
        </div>
      </div>
    </div>

我想做的是，当我从下拉列表中选择B时，我的面板会折叠，否则不会。

但我不知道如何用 javascript 做到这一点

Answer 1

在 document.ready 中试试这个

  $( "#IDSelector" ).change(function() {
    if($( "#IDSelector" ).val() == "B"){
      $('.collapse').collapse('hide');
    }
    else{
          $('.collapse').collapse('show');
    }
  });