jQuery 隐藏选择选项 - Javascript

jQuery是一个快速、小巧且功能丰富的JavaScript库，可使编写JavaScript更加简单。在本文中，我们将介绍如何使用jQuery隐藏选择选项。

HTML代码

<select id="mySelect">
  <option value="1">选项1</option>
  <option value="2">选项2</option>
  <option value="3">选项3</option>
  <option value="4">选项4</option>
  <option value="5">选项5</option>
</select>

jQuery代码

要隐藏选择选项，我们需要使用jQuery的hide（）方法。

$(document).ready(function(){
  $('#mySelect option[value="3"]').hide();
});

在以上代码中，我们选择了ID为“mySelect”的选择框，然后使用hide（）方法隐藏了值为“3”的选项。我们可以将任何值传递给hide（）方法，以隐藏选择选项。

jQuery代码-隐藏多个选项

如果我们想隐藏多个选项，则可以使用以下代码。

$(document).ready(function(){
  $('#mySelect option[value="3"], #mySelect option[value="5"]').hide();
});

在以上代码中，我们使用逗号将要隐藏的选项的值隔开，然后使用hide（）方法隐藏它们。

jQuery代码-显示选项

如果我们想显示先前隐藏的选项，则可以使用以下代码。

$(document).ready(function(){
  $('#mySelect option[value="3"], #mySelect option[value="5"]').show();
});

在以上代码中，我们使用show（）方法显示先前隐藏的选项。

Markdown代码

## jQuery 隐藏选择选项 - Javascript

jQuery是一个快速、小巧且功能丰富的JavaScript库，可使编写JavaScript更加简单。在本文中，我们将介绍如何使用jQuery隐藏选择选项。

### HTML代码

```html
<select id="mySelect">
  <option value="1">选项1</option>
  <option value="2">选项2</option>
  <option value="3">选项3</option>
  <option value="4">选项4</option>
  <option value="5">选项5</option>
</select>

jQuery代码

要隐藏选择选项，我们需要使用jQuery的hide（）方法。

$(document).ready(function(){
  $('#mySelect option[value="3"]').hide();
});

在以上代码中，我们选择了ID为“mySelect”的选择框，然后使用hide（）方法隐藏了值为“3”的选项。我们可以将任何值传递给hide（）方法，以隐藏选择选项。

jQuery代码-隐藏多个选项

如果我们想隐藏多个选项，则可以使用以下代码。

$(document).ready(function(){
  $('#mySelect option[value="3"], #mySelect option[value="5"]').hide();
});

在以上代码中，我们使用逗号将要隐藏的选项的值隔开，然后使用hide（）方法隐藏它们。

jQuery代码-显示选项

如果我们想显示先前隐藏的选项，则可以使用以下代码。

$(document).ready(function(){
  $('#mySelect option[value="3"], #mySelect option[value="5"]').show();
});

在以上代码中，我们使用show（）方法显示先前隐藏的选项。

注意：以上为本人原创内容，转载请注明出处！