.net ajax,js获取下拉列表值,js获取runat server控件的控制权

这俩天用了一下百度地图的api，小小总结一下。

1.利用.net 内部控件实现局部刷新

<asp:ScriptManager ID="ScriptManager1" EnablePartialRendering="true" runat="server">
            </asp:ScriptManager>
        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
            <ContentTemplate>
                <asp:DropDownList runat="server"  ID="kind" style="width:75px;"></asp:DropDownList> 
                <asp:DropDownList runat ="server" ID="city" AutoPostBack="True" style="width:75px;"
                    onselectedindexchanged="city_SelectedIndexChanged" ></asp:DropDownList>
                <asp:DropDownList runat ="server" ID="area" style="width:75px;"><asp:ListItem>--地区--</asp:ListItem>  
                </asp:DropDownList>
            </ContentTemplate>
        </asp:UpdatePanel>
        <input id="Btn" type="button" value="搜索" οnclick="_select()"/>

2.js获取下拉列表值

document.getElementById(name).options[document.getElementById(name).selectedIndex].innerText

3.最开始用的不是input Button而是asp的button ，这就涉及到js获取runat server控件的控制权问题。

一般js中可以通过document.getElementById("id")的方法来获取控件的控制，但如果某控件的属性里runat="server"时就无法通过该方法获得了，而我们又需要控件"跑在客户端"以便后台代码进行控制。　以点击Button触发Dropdownlist联动为例。此时只需如此：

 protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            Btn.Attributes.Add("OnClick", "return _select(" + this.kind.UniqueID + "," + this.city.UniqueID + "," + this.area.UqiqueID + ");");
        }
    } 

 function _select(kindtxt, citytxt, areatxt) {
        var objkind = kindtxt;
        var objcity = citytxt;
        var objarea = areatxt;
        var place = objkind.options[objkind.selectedIndex].text + objcity.options[objcity.selectedIndex].text + objarea.options[objarea.selectedIndex].text;
    }