ASP获取JavaScript的值的方法

通过JS选择城市名称，同时获取该名称显示出来。
代码如下，我该怎样写ASP程序获取所选城市名称！
<SCRIPT language=javascript src="images/jquery.js" type=text/javascript></SCRIPT>
<SCRIPT language=javascript src="images/jquery.lazyload.js" type=text/javascript></SCRIPT>
<SCRIPT language=javascript type=text/javascript>
function open_city(id,evt){
    jQuery(".tuangouflsy_pf").show();
jQuery("#select2").hide();
var b = window.event?window.event:arguments.callee.caller.arguments[0]
    b.cancelBubble = true;
    changeCity("A");}
function close_city(){
jQuery(".tuangouflsy_pf").hide();
jQuery("#select2").show();
var b = window.event?window.event:arguments.callee.caller.arguments[0]
    b.cancelBubble = true;
}
function show_sx(id){
jQuery("#"+id).show();
var b = window.event?window.event:arguments.callee.caller.arguments[0]
b.cancelBubble = true;
}
function hide_sx(id){
jQuery("#"+id).hide();
var b = window.event?window.event:arguments.callee.caller.arguments[0]
b.cancelBubble = true;
}document.onclick=function(){
document.getElementById("div").style.display="none";
}
function clickDiv(div){
   div.style.display="block";
   var b = window.event?window.event:arguments.callee.caller.arguments[0];
   b.cancelBubble = true;
}
</SCRIPT>
<div >获取城市名称(ASP代码)</div>
<INPUT class=submit1 id=button onclick=open_city(this) type=button name=button>
<SCRIPT>
function changeCity(id){
$("div[id^=city_span_]").each(function(){
$(this).css("display","none");
});
$("a[id^=city_a_]").each(function(){
$(this).removeClass("sekuai");
});
$("#city_a_"+id).addClass("sekuai");
$("#city_span_"+id).css("display","inline");
}
</SCRIPT>
 
<DIV class=tuangouflsy_pf id=div style="DISPLAY: none" onclick=clickDiv(this)>
<SPAN class=tuangouflsy_pf_guanbi><A onclick=close_city() href="javascript:void(0)">关闭</A></SPAN> 
<DIV class=tuangouflsy_pf_zhongdian>
<UL>
  <LI><SPAN class=tuangouflsy_pf_span1>核心城市</SPAN> 
<SPAN   class=tuangouflsy_pf_span2>
<SPAN class=tuangouflsy_pf_span3><A href="index.asp?m=Index&amp;a=index&amp;city=186">全国</A></SPAN> 
<SPAN class=tuangouflsy_pf_span3><A href="index.asp?m=Index&amp;a=index&amp;city=1">北京</A></SPAN> 
<SPAN class=tuangouflsy_pf_span3><A href="index.asp?m=Index&amp;a=index&amp;city=3">上海</A></SPAN> 
<SPAN class=tuangouflsy_pf_span3><A href="index.asp?m=Index&amp;a=index&amp;city=2">天津</A></SPAN> 
<SPAN class=tuangouflsy_pf_span3><A href="index.asp?m=Index&amp;a=index&amp;city=4">重庆</A></SPAN> 
</SPAN></LI>
</ul>
</div>
</div>

解决方案 »

  1.   

    [color=#FF0000]参考一下下别的代码.[/color]
    <body>
    <form id="form1" name="form1" method="post" enctype="multipart/form-data" action=""> <script language="JavaScript" type="text/javascript">
    //ChangeSelect(上一级的值,下一级Select控件的ID值,下一级Select控件要选中的值(即value而非text),数据源数组名,默认显示字符(如:请选择...如果不写的话会用默认值填充))，第一级的上级值为0
    function ChangeSelect(ParentValue, NextId, NextSelectedValue, ArrObj, DefaultStr) {
        StrObj = eval(document.getElementById(NextId));
        StrObj.length = 0;
        //判断它是二级数据源，还是三级
        if (ArrObj.length > 0) {
            if (ArrObj[0].length == 2)
            { ArrNum = 0; }
            else
            { ArrNum = 2; }
        }
        //显示所有列表
        for (i = 0; i < ArrObj.length; i++) {
            if (i == 0) {
                if (DefaultStr == undefined) DefaultStr = "==请选择==";
                StrObj.options[StrObj.length] = new Option(DefaultStr, "");
            }
            if (ArrObj[i][1] == ParentValue) {
                StrObj.options[StrObj.length] = new Option(ArrObj[i][0], ArrObj[i][ArrNum]);
            }
        }
        //选中列表内某一项
        for (i = 0; i < StrObj.length; i++) {
            if (StrObj.options[i].value == NextSelectedValue) {
                StrObj.options[i].selected = true;
            }
        }
        //激发下一级的onchange事件以实现多级级联
        StrObj.onchange();
    }
    //公司二维数组数据源
    Office = [
    ["CategoryName","ParentCategoryName"],
    ["技术部","0"],
    ["业务部","0"],
    ["小王","技术部"],
    ["小张","技术部"],["小刘","业务部"],
    ["小黄","业务部"]
    ]
    </script>
    <select id="office1"  onchange="ChangeSelect(this.value,'office2','',Office,'---人员---')" style="width:100px"></select>
    <select id="office2" onchange="" style="width:100px"></select>
    <script language="JavaScript" type="text/javascript">
    ChangeSelect('0','office1','',Office,'---部门---')
    </script>
    <br />
    <script language="JavaScript" type="text/javascript">//获取HTML下拉菜单选定值对应的显示值，即value对应的text
    function getSelectText(selectId){    if(null==selectId || selectId.length==0){
            alert('select下拉菜单的id不应为空，请返回检查！');
            return '';
        }    var objSel = document.getElementById(selectId);    if(null == objSel){
            alert('id为' + selectId +'的下拉菜单不存在，请返回检查！');
            return '';
        }    var selectVal = objSel.value;    //获取下拉菜单的当前选定值
        
        var ops = objSel.options;    if(null==ops || ops.length==0){
            return '';
        }    for(var i=0; i<ops.length; i++){
            if(selectVal == ops[i].value){
                return ops[i].text;    //返回当前选定值对应的显示值
            }
        }    return '';
    }</script>
    <input type="button" value="获取菜单显示值" onClick="alert(getSelectText('office1'));">
    <input type="button" value="获取菜单显示值" onClick="alert(getSelectText('office2'));"><label> <br />
    <br />
    <br />
    <input type="submit" name="Submit" value="提交" />
    </label><label>
    <input type="reset" name="Submit2" value="重置" />
    </label>
    </form>
    </body>