刷新下拉列表后,bootstrap selectpicker,选项选择无法正常工作

时间:2016-05-03 11:41:37

标签: javascript jquery html5 bootstrap-modal dropdown

  • 正在使用此链接Lib-DropDown
  • 中的Boostrap selectpicker dropdwon
  • 我面临的问题是在刷新下拉列表后使用'刷新' 方法,然后选择选项无法正常工作[即选择一个选项,选择另一个选项]

  • 我的小提琴 FIDDLE

  • 如果选择Active将其选中为InActive。

  • 如果我没有使用$(' .selectpicker')。selectpicker(' refresh')那么它工作正常,但是无法正常工作。
  • 请提供帮助并保存我的日子,提前致谢



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

function enableForAdd() {
  enable();
}

function enable() {
  $('#Status').prop('disabled', false);
  $('#Status').selectpicker('refresh');
  //$('#Status').selectpicker();
  //$('.selectpicker').selectpicker('refresh');

}

<html>

<head>
  <script type="text/javascript">
    
  <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.10.0/css/bootstrap-select.min.css" rel="stylesheet" />
  <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.10.0/js/bootstrap-select.min.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
  </script>
  </script>
</head>

<body>
  <label for="Status" id="lblStatus">Status</label>
  <select class="selectpicker" disabled id="Status" name="Status" >
    <option value="Active">Active</option>
    <option value="InActive">InActive</option>
  </select>
  <div><a id="addButton" onclick="enableForAdd()" title="Add ">CLICK-ADD</a>
  </div>
</body>
&#13;
&#13;
&#13;

0 个答案:

没有答案