如何使用 javascript/jquery select 下拉列表中的 enable/disable bootstrap 选项

Question

我正在尝试禁用特定的 option.here 是我的代码

<select id="reportselect" name="r_name"  class="selectpicker mdb-select md-form colorful-select dropdown-secondary" required >
   <option value="" disabled selected>Choose report</option>
   <option value="1">Report 1</option>
   <option value="2">Report 2</option>
   <option value="3">Report 3</option>
   <option value="4">Other Reports</option>
   <option value="5">Final Report</option>
</select>

我找不到任何错误。

<script type="text/javascript">
if(reportshowjs=='1'){  
  alert('11111e11111');

  var selectobject;
  selectobject = document.getElementById("reportselect").getElementsByTagName("option");
  selectobject[3].disabled = true;
  $('#reportselect').selectpicker('refresh');
}
</script>

Answer 1

这是一个 Javascript 示例：

document.getElementById("reportselect").options[3].disabled = true;

请验证这是否适合您。

我发布的代码应该可以工作。

坦率地说，您的原始代码应该也可以工作。

我假设 "not working" 的选项仍然是 "enabled"。

你最好的办法是通过调试器，也许将你的表情分解成单独的部分，看看哪个（如果有的话）让你感到悲伤。

示例：

var idx = 3; 
var s = document.getElementById("reportselect");
var o = s.options[idx];
o.disabled = true;
...  
<= Single step through each of these in Chrome Developer Tools,
   ensuring none are ever "null"...

如何使用 javascript/jquery select 下拉列表中的 enable/disable bootstrap 选项

How to enable/disable bootstrap option in select dropdown using javascript/jquery

javascript

php

jquery

twitter-bootstrap

bootstrap-selectpicker