JavaScript与DropDownList

大家都知道，.NET中一些Web服务器控件解析并编译，最终被渲染的时候，其实是转化成了普通的html控件，比如<asp:LinkButton>控件就被渲染成了<a>锚点控件，这里要讲的DropDownList控件也一样，被渲染成了普通的select控件，在如下的asp.net页面中定义了一个web服务器控件DropDownList和一个普通的select控件（主要为了对比）。
代码
<asp:DropDownList ID = "ddlCities" runat = "server">
        <asp:ListItem Value = "0">长沙</asp:ListItem>
        <asp:ListItem Value = "1">北京</asp:ListItem>
        <asp:ListItem Value = "2">天津</asp:ListItem>
        <asp:ListItem Value = "3">漠河</asp:ListItem>
</asp:DropDownList>
       
<select id = "ddlNames" runat ="server">
        <option value = "0">James</option>
        <option value = "1">Green</option>
        <option value = "2">Lily</option>
        <option value = "3">Lucy</option>
</select>
　　在浏览器中查看该页面，并点击查看源文件，不难看出，asp.net页面被渲染成了如下格式：
代码
<select name="ddlCities" id="ddlCitys">
    <option value="0">长沙</option>
    <option value="1">北京</option>
    <option value="2">天津</option>
    <option value="3">漠河</option>
</select>
       
<select name="ddlNames" id="ddlNames">
    <option value="0">James</option>
    <option value="1">Green</option>
    <option value="2">Lily</option>
 &nb