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

我一直在互联网上搜索几个小时，并尝试了很多东西，但我似乎无法得到任何工作，所以现在我想问你。在选择时，会出现另一个选项

如果我有一个选择的形式这样

<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，那么我的代码获取的价值，并列出所有子类与父类

FYI：我是一个PHP程序员，我有关于Java/jQuery的了解甚少

感谢

来源

2013-12-21 Convertor

了解一些jQuer然后尝试一些东西，然后在这里发布它，如果你有任何问题。我们在这里帮助别人不雇用我们并且做他们的工作。 –

我没有发布这个让人们为我做的工作，但简单点我正确的方式。 – Convertor

您可以使用方法change()，我不知道你的HTML，但如果你把你的类别为IV ID为category_n，其中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>

来源

2013-12-21 09:36:28

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

回答

相关问题