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

时间:2013-10-05 12:08:16

标签: javascript php smarty

我是php的新手,并对这个问题提出任何建议......

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

category1-> 0→名称
category1-> 1→名称

category2-> 0→名称
category2-> 1→名称
......................
......................

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

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

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

任何人都可以提供示例代码来执行此操作吗?

1 个答案:

答案 0 :(得分:0)

<!--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>