请教关于脚本控制 select 的问题。

Question

<!--#include file="inc/js_.inc"-->
<!--#include file="inc/ConnectDatabase.inc"-->
<%="<script>"%> 
<%
 sql2="select * from ThirdOrganization order by id asc"
 set rsThirdOrganization=server.CreateObject("adodb.recordset")
  rsThirdOrganization.Open sql2,objconn,1,1  
  %>
      var onecount;
   onecount=0;
   Related = new Array();
        <%
        count = 0
        do while not rsThirdOrganization.eof 
        %>
Related[<%=count%>] = new Array("<%= trim(rsThirdOrganization("OrganizationName"))%>","<%=trim(rsThirdOrganization("id"))%>","<%=trim(rsThirdOrganization("ParentID"))%>");
        <%
        count = count + 1
        rsThirdOrganization.movenext
        loop
        %>
onecount=<%=count%>;
function changelocation(upid)
    {
    document.form1.ThirdOrganization.length = 0; 
    document.form1.hidden1.value= upid;
    var upid=upid;
    var i;
    document.form1.ThirdOrganization.options[0] = new Option('------','ThirdOrganization');
    for (i=0;i < onecount; i++)
        {
            if (Related[i][2] == upid)
            { 
                document.form1.ThirdOrganization.options[document.form1.ThirdOrganization.length] = new Option(Related[i][0], Related[i][1]);
            }        
        }        
    }  
<%
 rsThirdOrganization.Close 
set rsThirdOrganization=nothing
%>  
</script>
<%="<script language=javascript>"%>
  function ShowIFrame(id){
   var j;
   j = document.body.getElementsByTagName("DIV");
   j(0).style.display="block";
   document.all.myFrame.src="ProcessDataReportPermission.asp?id="+id + "&PersonID=" + form1.hidden1.value + "&DataReportName=" + form1.text1.value;
  }  
</script>
<style type="text/css">
.Menu_Items {
filter:alpha(opacity=100);
padding: 10;
width: 180;
display: none;
}
</style>
<title>配置报表权限</title>
<form name=form1 id=form2>
<TABLE WIDTH="700" BORDER="1" CELLSPACING="1" CELLPADDING="1">
<TR>
<TD>请输入报表名称</TD>
<TD><input type=text size=15 name=text1></TD>
</TR>
<TR>
<TD>
<select name=SecondOrganization onchange="changelocation(document.form1.SecondOrganization.options[document.form1.SecondOrganization.selectedIndex].value);">
<option selected value="SecondOrganization">--------</option>
 <%  
     dim sql
     sql_SecondOrganization = "select * from SecondOrganization order by id asc"
     set rs_SecondOrganization = server.CreateObject("adodb.recordset")
     rs_SecondOrganization.Open sql_SecondOrganization,objconn,1,1
     while not rs_SecondOrganization.EOF 
       response.Write "<option value="&rs_SecondOrganization("id")&">"&rs_SecondOrganization("OrganizationName")&"</option>"
       rs_SecondOrganization.MoveNext 
     wend
     rs_SecondOrganization.Close 
 %>
</select></TD>
<TD><select name=ThirdOrganization onchange="ShowIFrame(document.form1.ThirdOrganization.options[document.form1.ThirdOrganization.selectedIndex].value)">      
</select></TD>
</TR>
<TR>
<TD><div id=div1 style="display:none;"><Iframe name="myFrame" width=100% height=100%></Iframe></div></TD>
<TD></TD>
</TR>
</TABLE>
<input type=hidden name=hidden1 value="">
</form>

Answer 1

怎么又是这种问题？？
<form name="doublecombo">
<p>
<select name="example" size="1" onChange="redirect(this.options.selectedIndex)">
<option>国外JavaScript技术网站</option>
<option>国内JavaScript技术网站</option>
<option>国外的著名搜索引擎</option>
</select>
<select name="stage2" size="1">
<option value="http://wsabstract.com">Website Abstraction</option>
<option value="http://www.dynamicdrive.com">Dynamicdrive.com</option>
<option value="http://javascript.internet.com">JavaScript</option>
</select>
<input type="button" name="test" value="Go!"
onClick="go()">
</p>
<script>
<!--
var groups=document.doublecombo.example.options.length
  var group=new Array(groups)
  for (i=0; i<groups; i++)
  group[i]=new Array()
group[0][0]=new Option("Website Abstraction","http://wsabstract.com")
  group[0][1]=new Option("Dynamicdrive.com","http://www.dynamicdrive.com")
  group[0][2]=new Option("JavaScript","http://javascript.internet.com")
group[1][0]=new Option("万旭JavaScript仓库","http://www.wanxu.com")
  group[1][1]=new Option("JavaScript2000","http://www.javascript2000.com")
  group[1][2]=new Option("无忧脚本","http://www.51js.com")
group[2][0]=new Option("Hotbot","http://www.hotbot.com")
  group[2][1]=new Option("Infoseek","http://www.infoseek.com")
  group[2][2]=new Option("Excite","http://www.excite.com")
  group[2][3]=new Option("Lycos","http://www.lycos.com")
var temp=document.doublecombo.stage2
function redirect(x){
  for (m=temp.options.length-1;m>0;m--)
  temp.options[m]=null
  for (i=0;i<group[x].length;i++){
  temp.options[i]=new Option(group[x][i].text,group[x][i].value)
  }
  temp.options[0].selected=true
  }
function go(){
  location=temp.options[temp.selectedIndex].value
  }
  //-->
  </script>
  </form>

Answer 2

<select id="country" onchange="xcity(this.value, 'city')">
<option value="">&Ntilde;&iexcl;&Ocirc;&ntilde;&sup1;ú&frac14;&Ograve;...</option>
</select>
<select id="city" onchange="dispcity()">
<option value="">&Ntilde;&iexcl;&Ocirc;&ntilde;&sup3;&Ccedil;&Ecirc;&ETH;...</option>
</select>
&nbsp;&nbsp;&nbsp;<span id="xdisp" style="color:#ff0000"></span>
<script language="JavaScript">
<!--
var cityarr = {
"&Atilde;&Agrave;&sup1;ú":["&Aring;&brvbar;&Ocirc;&frac14;","&raquo;&ordf;&Ecirc;&cent;&para;&Ugrave;"],
"&Ouml;&ETH;&sup1;ú":["±±&frac34;&copy;","&Eacute;&Iuml;&ordm;&pound;","&Eacute;&icirc;&Ucirc;&Uacute;"],
"":[]
};function init(name)
{
var name;
var n = document.getElementById(name).options.length;
for(var k in cityarr) {
if(k && cityarr[k].length > 0) {
var optionid=document.createElement("OPTION");
optionid.text= k;
optionid.value= k;
document.getElementById(name).add(optionid, ((document.all)?(n++):null));
}
}
}function xcity(value, name)
{
var name;
var n = document.getElementById(name).options.length;
for(var k=1; k<n; k++) document.getElementById(name).remove(1);
var citys = cityarr[value];
if(citys && citys.length > 0) {
var kmax = citys.length;
for(var k=0; k<kmax; k++) {
var optionid=document.createElement("OPTION");
optionid.text= citys[k];
optionid.value= citys[k];
document.getElementById(name).add(optionid, ((document.all)?(n++):null));
}
}
}function dispcity()
{
document.getElementById("xdisp").innerHTML = document.getElementById("country").value +"-" +document.getElementById("city").value;
}init("country");
//-->
</script>

Answer 3

<select id="country" onchange="xcity(this.value, 'city')">
<option value="">选择国家...</option>
</select>
<select id="city" onchange="dispcity()">
<option value="">选择城市...</option>
</select>
&nbsp;&nbsp;&nbsp;<span id="xdisp" style="color:#ff0000"></span>
<script language="JavaScript">
<!--
var cityarr = {
"美国":["纽约","华盛顿"],
"中国":["北京","上海","深圳"],
"":[]
};function init(name)
{
var name;
var n = document.getElementById(name).options.length;
for(var k in cityarr) {
if(k && cityarr[k].length > 0) {
var optionid=document.createElement("OPTION");
optionid.text= k;
optionid.value= k;
document.getElementById(name).add(optionid, ((document.all)?(n++):null));
}
}
}function xcity(value, name)
{
var name;
var n = document.getElementById(name).options.length;
for(var k=1; k<n; k++) document.getElementById(name).remove(1);
var citys = cityarr[value];
if(citys && citys.length > 0) {
var kmax = citys.length;
for(var k=0; k<kmax; k++) {
var optionid=document.createElement("OPTION");
optionid.text= citys[k];
optionid.value= citys[k];
document.getElementById(name).add(optionid, ((document.all)?(n++):null));
}
}
}function dispcity()
{
document.getElementById("xdisp").innerHTML = document.getElementById("country").value +"-" +document.getElementById("city").value;
}init("country");
//-->
</script>

Answer 4

最好现在看看用XML做的例子，因为这样可以不用刷新网页