小编ele*_*vic的帖子

jQuery显示/隐藏基于另一个下拉选项的下拉选项

我正在尝试创建一个下拉选择菜单,其中包含三个选择框,其中第三个框将根据在第一个选择框中选择的选项显示/隐藏特定选项.

我想知道这里是否有人能够提出解决方案.

这是我所拥有的3个选择框的简化版本:

<select class="product" id="select_1" name="product">
  <option selected="selected" value=""> Choose Category </option>
  <option value="Mens Suits"> Mens Suits </option>
  <option value="Womens Suit"> Womens Suits </option>
  <option value="Children Suit"> Children Suits </option>
</select>

<select class="color" id="select_2" name="color">
  <option selected="selected" value=""> Choose Color </option>
  <option value="Blue">Blue</option>
  <option value="Red">Red</option>
  <option value="Green">Green</option>
</select>

<select class="size" id="select_3" name="size">
  <option selected="selected" value=""> Choose Size </option>
  <!-- Mens Sizes Below -->
  <option value="36">36</option>
  <option value="38">38</option>
  <option value="40">40</option>
  <!-- Womens Sizes Below -->
  <option value="30">30</option>
  <option value="29">29</option>
  <option …
Run Code Online (Sandbox Code Playgroud)

html forms jquery html-select

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

标签 统计

forms ×1

html ×1

html-select ×1

jquery ×1