javascript编写联动菜单

 

//javascript编写函数判断两个下拉菜单之中选中时没有重复选项

    function showCat3(){

  for(var i = 0; i < document.form1.matCat2.length; i++){
    document.form1.matCat3.remove(1);
  }                                                       //每次删除第一个站名。

  var entry = document.form1.matCat2.value;
  for(var j = 1;j < document.form1.matCat2.length; j++){
       var key = document.form1.matCat2[j].value;
       var keytext = document.form1.matCat2[j].text;
    if(key!=entry){
       document.form1.select2.options.add(new Option(keytext,key));      //对select2输入站点
    }
  }
}

 

//在.vm文件中的两个彩单中调用Check_change();函数

<tr>
            <td colspan="2">收费站一：
                <select name="select" id="matCat2" class="selectbox" οnchange="Check_change();">
                    <option value="0" selected>请选择</option>
                    #foreach ($row in $startRows)
                    <option value="${row.id}">${row.name}</option>
                    #end
                </select></td>
        </tr>
        <tr>
            <td colspan="2">收费站二：
                <select select name="select2" id="matCat3" class="selectbox" οnchange="Check_change();">
                    <option value="" selected>请选择</option>
                    #foreach ($row2 in $startRows2)
                    <option value="${row2.id}">${row2.name}</option>
                    #end
                </select></td>
        </tr>