Javascript 搜索在这个链接中是如何工作的？可以从数据库动态调用动态下拉列表吗？

我查看它的源代码，我也做旅游网站，希望有类似的动态下拉访问我的数据库；不是手工写的

这里是该站点的源代码；一旦用户选择了国家/地区，相关字段出现，值是否会动态出现？如果是，您可以发送一些教程链接或代码吗

 <div class="tf-wrap">
                    <form action="/Search/">
                      <input type="hidden" name="z_CountryCode" id="z_CountryCode" value="LIKE" />
                      <select name="x_CountryCode" class="tf-select" onchange="TCN_reload(this)">
                        <option value="" selected="selected">All Country</option>
                      </select>
                      <input type="hidden" name="z_ActivitiesID" id="z_ActivitiesID" value="=" />
                      <select name="x_ActivitiesID" class="tf-select" onchange="TCN_reload(this)">
                        <option value="" selected="selected">All Services</option>
                      </select>
                      <input type="hidden" name="z_AreaID" id="z_AreaID" value="=" />
                      <select name="x_AreaID" class="tf-select" onchange="TCN_reload(this)">
                        <option value="" selected="selected">All Area</option>
                      </select>
                      <input type="hidden" name="z_Duration" id="z_Duration" value="=" />
                      <select name="x_Duration" class="tf-select">
                        <option value="" selected="selected">All Days</option>
                      </select>
                      <script type="text/javascript">
contents=new Array();
function TCN_addContent(str){
    contents.push(str);
    arrayValues = new Array();
    for(i=0;i<contents.length;i++){
        arrayValues[i]=contents[i].split(separator);
    }
}
function TCN_makeSelValueGroup(){
    selValueGroup=new Array();
    args=TCN_makeSelValueGroup.arguments;
    for(i=0;i<args.length;i++){
        selValueGroup[i]=args[i];
    }
}
function TCN_makeComboGroup(){
    comboGroup=new Array();
    args=TCN_makeComboGroup.arguments;
    for(i=0;i<args.length;i++){
        comboGroup[i]=findObj(args[i]);
    }
}
function TCN_reload(from){
thisComboStr="";
    index=-1;
    if(!from){
        index=0;
        setDefault();
    }else{
        for(j=0;j<comboGroup.length-1;j++){
            if (comboGroup[j]==from){
                index=j+1;
            }
        }
    }
    if(index!=-1){
        thisCombo=comboGroup[index];
        thisComboText=index*2;
        thisComboValue=(index*2)+1;
        if(index>0){
            for(p=0;p<index;p++){   thisComboStr+=comboGroup[p].options[comboGroup[p].selectedIndex].text+separator+comboGroup[p].options[comboGroup[p].selectedIndex].value+separator;
            }
        }
        for(m=thisCombo.options.length-1;m>=1;m--){
            thisCombo.options[m]=null;
        }
        for(i=0;i<contents.length;i++){
            existe=false;
            if(contents[i].substr(0,thisComboStr.length)==thisComboStr){
                for(j=0;j<thisCombo.options.length;j++){
                    if(arrayValues[i][thisComboText]==thisCombo.options[j].text){
                        existe=true;
                    }
                }
                if(existe==false){
                    thisCombo.options[thisCombo.options.length]=new Option(arrayValues[i][thisComboText],arrayValues[i][thisComboValue]);
                }
            }
        }
        thisCombo.options[0].selected=true;
        for (n=0;n<thisCombo.options.length;n++){
            if(thisCombo.options[n].value==selValueGroup[index]){
                thisCombo.options[n].selected=true;
            }
        } 
        TCN_reload(thisCombo);
    }
}
function setDefault(){
    for (i=selValueGroup.length-1;i>=0;i--){
        if(selValueGroup[i]!=""){
            for(j=0;j<contents.length;j++){
                if(arrayValues[j][(i*2)+1]==selValueGroup[i]){
                    for(k=i;k>=0;k--){
                        if(selValueGroup[k]==""){
                            selValueGroup[k]=arrayValues[j][(k*2)+1];
                        }
                    }
                }
            }
        }
    }
}

全国
所有服务
所有区域
整天
contents=新数组（）；
函数TCN_addContent（str）{
内容推送（str）；
arrayValues=新数组（）；
对于（i=0；iYes），这是可能的-您需要这样做，然后使用javascript将AJAX请求绑定到此字段的onchange事件

以下是您要求的一些示例（可在上找到）：






非常感谢，它真的帮了我很多忙！！我正在浏览链接…我想我明白了！！