相关疑难解决方法(0)

如何以编程方式隐藏选择选项?

我目前有一个选择下拉菜单,其中的一些选项应该根据我拥有的字符串列表被禁用和隐藏。这是我尝试过的非选择 JavaScript 函数:

<!DOCTYPE html>
<html>

<body>

  <select onchange="ToggleSelectizeOptions(this.value)">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="opel">Opel</option>
    <option value="audi">Audi</option>
    <option value="ford">Ford</option>
    <option value="hyundai">Hyundai</option>
    <option value="honda">Honda</option>
    <option value="porsche">Porsche</option>
  </select>

  <select id="selectize">
    <option value="">All Vehicles</option>
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="opel">Opel</option>
    <option value="audi">Audi</option>
    <option value="ford">Ford</option>
    <option value="hyundai">Hyundai</option>
    <option value="honda">Honda</option>
    <option value="porsche">Porsche</option>
  </select>

  <script>
    function ToggleSelectizeOptions(ids) {
      var selectizeOptions = document.getElementById("selectize").options;
      var selectizeSingleOption;

      //We always start at 1 because index 0 always have "" as the value.
      for (var idx = 1; idx < selectizeOptions.length; …
Run Code Online (Sandbox Code Playgroud)

html javascript jquery html-select selectize.js

3
推荐指数
1
解决办法
5697
查看次数

标签 统计

html ×1

html-select ×1

javascript ×1

jquery ×1

selectize.js ×1