javascript - 如何在smarty中更改另一个下拉列表的值时动态显示一个下拉列表的内容

Question

我是 php 新手，并愿意接受有关此问题的任何建议...

我有一个类似这样的嵌套 php 数组....

类别1->0->名称
类别1->1->名称

类别2->0->名称类别 2-
>1->名称
............
...........

我想在 smarty 模板文件中显示 2 个下拉菜单。

第一个是类别下拉列表，即类别 1、类别 2。第二个依赖于第一个。因此，如果我在第一个下拉列表中选择 category1，那么它应该显示与 category1 相关的所有名称，依此类推......

我没有使用 Jquery，而是只使用 javascript。

谁能提供我执行此操作的示例代码？

Answer 1

<!--JAVASCRIPT-->
<!--CREATE DROPBOX WHEN CAT1 IS SELECTED-->
<script>
var category = document.getElementById("category").value;
if(category == CAT1){
document.getElementById("subcat").innerHTML='
  <select name="subcategory" type="text" id="subcategory">
  <option value=""></option>
  <option value="Sub1">Sub1</option>
  <option value="Sub2">Sub2</option>
  <option value="Sub3">Sub3</option>
  </select>"
';
}


</script>
<!--HTML MARKUP-->

<select name="category" type="text" id="category">
      <option value=""></option>
      <option value="CAT1">CAT1</option>
      <option value="CAT2">CAT2</option>
      <option value="CAT3">CAT3</option>
      </select>

<!--SPACE TO PLACE DROPBOX FROM JAVASCRIPT-->
<span id="subcat">

</span>