回 帖 发 新 帖 刷新版面

主题:ASP中怎样写地址查询?

我想写ASP写个查询,用两个TEXETAREA框,一个用来选择省会,另一个用来选择省会下的城市,怎样写啊,第一个填了省会过后,第二TEXTAREA自动显示出他下的城市,怎么写啊,请高手讲讲!

回复列表 (共8个回复)

沙发

选择怎么会用textarea,应该用<select>才对啊```

用联动,难不在于代码,而在于数据如何存储

板凳

给你个例子(我的思想是用数组):
文件index.html:
<font size=1><form name="addart" id="f1" method="get" action="">
<table cellsapcing=0 cellpadding=0 border=1 width=600 align=center id=optable bordercolor=#eeeeee>
<tr height=25 bgcolor=#eeeeee><td align=center><font size=4>生 物 资 源 添 加</font></td></tr>
<tr><td class=tt>
生物学分类:<br>
<input name="big" size=18 value="">
<SELECT ID="totle" onclick="getclass(this.options[this.selectedIndex].value);big.value=this.options[this.selectedIndex].text;">
<option value="yz">原核藻类
<option value="zz">真核藻类
<option value="p">植物
<option value="ys">原生动物
<option value="n">无脊椎动物
<option value="js">脊索动物
<option value="g">古菌
<option value="x">细菌
<option value="z">真菌
</SELECT><br>
<input name="men" size=18 value="">
<SELECT ID="se1" onclick="getinf('se2',this.options[this.selectedIndex].value,this.selectedIndex);men.value=this.options[this.selectedIndex].text;">
<option value="no" selected>......</option>
</SELECT>门<br>
<input name="gang" size=18 value="">
<SELECT ID="se2" onclick="getinf('se3',this.options[this.selectedIndex].value,this.selectedIndex);gang.value=this.options[this.selectedIndex].text;">
<option value="no" selected>......</option>
</SELECT>亚门/纲<br>
<input name="mu" size=18 value="">
<SELECT ID="se3" onclick="mu.value=this.options[this.selectedIndex].text;">
<option value="no" selected>...</option>
</SELECT>亚纲/总目/目<br>
<input name="ke" size=18 value="">科<br>
<input name="shu" size=18 value="">属<br>
<script language="javascript" src="class.js"></script>
<script language="javascript" src="function.js"></script>
<button type="submit">提交</button><br>
</td></tr>
</table></form>
</font>

3 楼

文件class.js(内容太多,只给出藻类和植物部分):
//藻类
var yz=new Array('蓝藻门','原绿生物');
    var yz_0=new Array('');
        var yz_0_0=new Array('');
    var yz_1=new Array('');
        var yz_1_0=new Array('');
var zz=new Array('隐藻门','甲藻门','金藻门','黄藻门','硅藻门','褐藻门','绿藻门','轮藻门','红藻门');
    var zz_0=new Array('');
        var zz_0_0=new Array('');
    var zz_1=new Array('');
        var zz_1_0=new Array('');
    var zz_2=new Array('');
        var zz_2_0=new Array('');
    var zz_3=new Array('');
        var zz_3_0=new Array('');
    var zz_4=new Array('');
        var zz_4_0=new Array('');
    var zz_5=new Array('');
        var zz_5_0=new Array('');
    var zz_6=new Array('');
        var zz_6_0=new Array('');
    var zz_7=new Array('');
        var zz_7_0=new Array('');
    var zz_8=new Array('');
        var zz_8_0=new Array('');
//植物
var p=new Array('被子植物门','裸子植物门','角苔植物门','苔藓植物门','地钱植物门','石松植物门','有节植物门','真蕨植物门','帚蕨植物门');
    var p_0=new Array('双子叶植物纲','单子叶植物纲(百合纲)');
        var p_0_0=new Array('金鱼藻目','互叶梅目','木兰藤目','金粟兰目','睡莲目','白樟目','樟目','木兰目','胡椒目','黄杨目','山龙眼目','毛茛目','石竹目','洋二仙草目','檀香目','虎耳草目','伞形目','冬青目','菊目','川续断目','山茱萸目','杜鹃花目','绞木目','龙胆目','唇形目','茄目','燧体木目','卫矛目','葫芦目','豆目','壳斗目','金虎尾目','酢浆草目','蔷薇目','十字花目','十齿花目','锦葵目','无患子目','牻牛儿苗目','桃金娘目','目未定');
        var p_0_1=new Array('菖蒲目','泽泻目','天门冬目','薯蓣目','百合目','露兜树目','棕榈目','鸭蹠草目','禾本目','姜目','目未定');
    var p_1=new Array('松柏纲','苏铁纲','银杏纲','买麻藤纲');
        var p_1_0=new Array('松柏目','红豆杉目','三尖杉目','罗汉松目');
        var p_1_1=new Array('苏铁目');
        var p_1_2=new Array('银杏目');
        var p_1_3=new Array('麻黄目','买麻藤目','百岁兰目');
    var p_2=new Array('角苔纲');
        var p_2_0=new Array('角苔目','短角苔目');
    var p_3=new Array('Andreaeobryopsida','黑藓纲','真藓植物纲','Polytrichopsida','泥炭藓纲','藻苔纲');
        var p_3_0=new Array('Andreaeobryales');
        var p_3_1=new Array('黑藓目');
        var p_3_2=new Array('真藓亚纲 真藓目','真藓亚纲 Hedwigiales','真藓亚纲 Hookeriales','真藓亚纲 Hypnales','真藓亚纲 Orthotrichales','真藓亚纲 Rhizogoniales','真藓亚纲 Splachnales','Dicranidae Archidiales','Dicranidae Dicranales','Dicranidae Grimmiales','Dicranidae Pottiales','Dicranidae Seligeriales','Diphysciidae(亚纲)','Funariidae(亚纲)');
        var p_3_3=new Array('Polytrichales','Tetraphidales');
        var p_3_4=new Array('泥炭藓目');
        var p_3_5=new Array('藻苔目');
    var p_4=new Array('叶藓纲','地钱纲');
        var p_4_0=new Array('叶藓亚纲 叶藓目','叶藓亚纲 复叉藓目','叶藓亚纲 Pleuroziales','叶藓亚纲 光萼藓目','叶藓亚纲 光等藓目','叶藓亚纲 扇等藓目','叉藓亚纲 壶苞藓目','叉藓亚纲 小叶藓目','叉藓亚纲 裸蒴藓目','叉藓亚纲 Metzgeriales','叉藓亚纲 叉藓目','叉藓亚纲 Treubiales');
        var p_4_1=new Array('地钱亚纲 地钱目','地钱亚纲 Monocleales','地钱亚纲 Ricciales','囊果藓亚纲 囊果藓目');
    var p_5=new Array('水韭纲','石松纲');
        var p_5_0=new Array('水韭目');
        var p_5_1=new Array('无叶舌亚纲 镰木目(已绝种)','无叶舌亚纲 始鳞木目(已绝种)','无叶舌亚纲 石松目','叶舌亚纲 鳞木目(已绝种)','叶舌亚纲 卷柏目');
    var p_6=new Array('楔叶纲');
        var p_6_0=new Array('木贼目');
    var p_7=new Array('薄囊蕨纲','厚囊蕨纲');
        var p_7_0=new Array('蕨目','苹目');
        var p_7_1=new Array('观音座莲目','观音座莲目');
    var p_8=new Array('松叶蕨纲');
        var p_8_0=new Array('松叶蕨目');

4 楼

function.js:
//加载"门"
function getclass(cla){
var b=document.getElementById('se1');
var c=document.getElementById('se2');
var d=document.getElementById('se3');
if(cla != 'no'){
while(b.options.length>0){
  b.options.remove(0);
}
while(c.options.length>0){
  c.options.remove(0);
}
while(d.options.length>0){
  d.options.remove(0);
}
for(var i=0;i<eval(cla+".length");i++)
    {
    var pOption = document.createElement("OPTION");
    b.options.add(pOption,i);
    pOption.innerText =eval(cla+"["+i+"]");
    pOption.value =cla;
   }
 }
}
//加载"其他"
function getinf(clas,fore,index){
var obj=document.getElementById(clas);
var d=document.getElementById('se3');
while(obj.options.length>0){
  obj.options.remove(0);
}
if(clas=='se2')
  {
while(d.options.length>0){
  d.options.remove(0);
}
}
  for(var j=0;j<eval(fore+"_"+index+".length" );j++)
   {
    var oOption = document.createElement("OPTION");
    obj.options.add(oOption,j);
    oOption.innerText =eval(fore+"_"+index)[j];
    oOption.value = fore+"_"+index;
   }
 }

5 楼

呵呵!就这些!内容有些麻烦!这是我做协会网站时做的一个联动!

6 楼

能不能用VBSCRIPT啊,我看不懂JS,真是头都大了!

7 楼

用js相对简单,我些asp网页一般是用vbscript,一些必要的地方才用js!对于操作页面表单控件,我感觉js是比较顺手的!

8 楼

建议你看下js,那是写网页必学的语言!呵呵!

我来回复

您尚未登录,请登录后再回复。点此登录或注册