Question

我有两种选择列表菜单：

<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调用的另一个选项应该直接来自数据库。

<强>更新

使用此功能代替上述功能

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

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

选择列表菜单回显

1 个答案: