在選擇時，會出現另一個選項

我一直在互聯網上搜索幾個小時，並嘗試了很多東西，但我似乎無法得到任何工作，所以現在我想問你。在選擇時，會出現另一個選項

如果我有一個選擇的形式這樣

<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

在選擇時，會出現另一個選項

回答

相關問題