可输入的下拉列表 支持IE6

效果如下：

 

方法1：

下载asp.net的一个ajax控件集AjaxControlToolkit.dll放在网站项目的Bin目录下；

 

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>无标题页</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
      <asp:ScriptManager ID="ScriptManager1" runat="server">
       </asp:ScriptManager>
           <cc1:ComboBox ID="dl来源" runat="server">
           </cc1:ComboBox>
    </div>
    </form>
</body>
</html>

 

 

 

 方法2（不支持IE6）：

        <div style="position: relative">
            <span style="margin-left: 100px; overflow: hidden; width: 18px">
                <select id="Select1" onchange="this.parentNode.nextSibling.value=this.value" Style="margin-left: -100px; width: 122px">
                    <option value="" selected="selected" ></option>
                    <option value="test1" >test1</option>
                    <option value="test2" >test2</option>
                    <option value="test3" >test3</option>
                </select>
            </span>
            <input id="Text1" type="text" style="right: 97px; left: 0px; width: 100px;position: absolute"/>
        </div>

 asp.net中把html标签改成控件即可。

posted @ 2012-05-27 19:53  超级梨子  阅读(238)  评论(0)  编辑  收藏  举报