在选择时，会出现另一个选择选项答案

【问题标题】：On select, another select option would appear在选择时，会出现另一个选择选项
【发布时间】：2014-01-10 03:17:27
【问题描述】：

我已经在互联网上搜索了几个小时并尝试了很多东西，但我似乎无法让它发挥作用，所以现在我想问你。

如果我有这样的选择表单

<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 知之甚少

谢谢

【问题讨论】：

学习一些 jQuery，然后尝试一些东西，如果您有任何问题，请在此处发布。我们来这里是为了帮助他人，而不是让其他人雇用我们并做他们的工作。
我发布这篇文章并不是为了让人们为我做这项工作，而是简单地指出我正确的方式。

标签： jquery html forms select ajaxform

【解决方案1】：

您可以使用方法change()，我不知道您的html，但是如果您将类别放入一个id为category_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>

【讨论】：