1

我有 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 列表菜单,但我不知道如何检测何时选择了类别。

希望得到一些帮助

4

1 回答 1

-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 调用的另一种选择。

更新:

使用此功能代替上述功能,

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';
}

你可以玩它让我知道任何进一步的帮助。

于 2012-07-03T15:41:12.610 回答