Question

我一直在互联网上搜索了好几个小时并试了很多东西，但我似乎无法得到任何有效的东西，所以现在我想问你。

如果我有这样的选择表格

<div class="form-group">
<label for="InputmainCat">Main category</label>
<select name="InputmainCat" class="form-control">
<option value="1">a</option>
<option value="2">b</option>
<option value="3">c</option>
<option value="4">d</option>
<option value="5">e</option>
</select>
</div>

当我的用户从列表中选择一个，然后应该出现另一个选择，因为他们首先选择主要类别，然后是子类别

因此，如果他们选择 d ，那么我的代码会获得值 4 ，并列出所有子类别 4

仅供参考：我是一名PHP程序员，我对java / jquery

知之甚少

由于

Answer 1

您可以使用方法change()，我不知道您的HTML，但是如果您将类别放入id为category_n的iv中，其中n是foreach子类别的值

$('.form-control').change(function(){
    var val = $(this).val();
    $('#category_' + val).hide();
});

和你的div类似：

<div id="category_1" style="display:none;">
   <ul>
     <li>subcategory 1</li>
     <li>subcategory 2</li>
     <li>subcategory 3</li>
   </ul>
</div>

<div id="category_2" style="display:none;">
   <ul>
     <li>subcategory 4</li>
     <li>subcategory 5</li>
     <li>subcategory 6</li>
   </ul>
</div>

在选择时，将出现另一个选择选项

1 个答案: