通过JavaScript脚本创建级联下拉列表框

本模块通过JavaScript技术判断搜索条件是否为空及根据用户选择的数据更改相应列表中的数据。当用户在第一个列表中选择搜索条件后，第二个列表中的数据也将随之改变，并与第一个列表中的数据相对应，关键代码如下：

代码位置：配套资源\mr\01\select.php

01  <script> 

02  function fetch(){               //判断搜索关键字是否为空  

03      if(form1.key.value==""){
 

04          alert("请输入搜索关键字！");  

05          form1.value.select();  

06          return false;  

07      }  

08          return true;  

09  }  

10  </script> 

11  <script language="javascript"> 

12  function press(opt){            //定义press()方法，控制下拉列表框select2显示的值  

13  //opt表示现有可选项的数目  

14      form1.select2.options[opt]=new Option(ok=(form1.select2.options[opt])?
 

15      form1.select2.options[opt].innerText+String.fromCharCode(event.keyCode):  

16      String.fromCharCode(event.keyCode),ok)  

17      form1.select2.selectedIndex=opt;
 

18  }  

19  </script> 

20  <script language="javascript"> 

21  function up(opt){           //定义up()方法控制select2的值  

22  //opt表示现有可选项的数目  

23      if(form1.select2.options[opt]){  

24          if(event.keyCode==8){
 

25              var str=form1.select2.options[opt].innerText;
 

26              var len=str.length;
 

27              form1.select2.options[opt].innerText=str.substring(0,len-1);
 

28              if(form1.select2.options[opt].innerText==" ")select2.remove(2);
 

29          }  

30          if(event.keyCode==32){
 

31              form1.select2.options[opt].innerText+=" ";  

32          }  

33      }  

34  }  

35  </script>