選擇LIS菜單回

Question

我有2種選擇列表菜單：

<select name="category"> 
<option>----Select----</option> 
<option>Category 1</option> 
<option>Category 2</option> 
<option>Category 3</option> 
<option>Category 4</option> 
</select> 

<select name="category_product"> 
<option>----Select----</option> 
<option>Product of category 1</option> 
<option>Product of category 1</option> 
<option>Product of category 1</option> 
<option>Product of category 1</option> 
</select> 

我喜歡什麼到是，當我選擇選擇列表菜單中的「1類」，它回聲選擇列表菜單「 category_product「，我該怎麼做？

我在考慮將category_product列表菜單放在一個變量中，當我選擇一個類別時，它會回顯category_products列表菜單，但我不知道如何在選擇類別時進行檢測。

希望一些幫助

Answer 1

你唯一的辦法就是用JS或jQuery的做這個，這裏是連接例如用JS做，

function showProducts(cat){ 
    document.getElementById(cat).style.display = 'block'; 
} 

<select name="category" onchange="showProducts(this.value)"> 
<option>----Select----</option> 
<option value="category_product">Category 1</option> 
<option>Category 2</option> 
<option>Category 3</option> 
<option>Category 4</option> 
</select> 

<select style="display:none" id="category_product" name="category_product"> 
<option>----Select----</option> 
<option>Product of category 1</option> 
<option>Product of category 1</option> 
<option>Product of category 1</option> 
<option>Product of category 1</option> 
</select> 

或者另一種選擇，你有什麼做的AJAX調用如果你想從數據庫中得到結果應該是直接的。

UPDATE：

使用此功能，而不是上面，

function showProducts(cat){ 
    for(var i=1;i<document.getElementsByTagName('select').length;i++){ 
    document.getElementsByTagName('select')[i].style.display = 'none'; 
    }; 
    document.getElementById(cat).style.display = 'block'; 
} 

你可以玩它讓我知道任何進一步的幫助。