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

我已经在互联网上搜索了几个小时，尝试了很多东西，但我似乎什么都没用，所以现在我想问你

如果我有这样的选择表格

<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>

主要类别
A.
B
C
D
E

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

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

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

---

谢谢

您可以使用方法

change（）

，我不知道您的html，但是如果您将类别放入id为

category\u n

的iv中，其中n是每个子类别的值

$('.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
子类别2
子类别3


子类别4
子类别5
子类别6

学习一些jQuery，然后尝试一些东西，如果有任何问题，请将其发布到这里。我们来这里是为了帮助别人，而不是为了让别人雇用我们并完成他们的工作。我发布这篇文章不是为了让人们为我完成工作，而是简单地告诉我正确的方法。