asp.net - 点击展开下拉列表

Question

dropdownlist对于每个用户，我有一个从一个元素开始。

元素名称是'Standard'。由于它是单个元素，因此单击下拉列表不会向下扩展下拉列表。

有什么方法可以让我在点击时展开下拉列表，即使它只有一个元素。

我知道这个问题没有多大意义，但我的客户对这样的事情很感兴趣。

任何变通方法，任何操作，任何一种CSS都可以。

任何指针将不胜感激。是的，我的应用程序在ASP.NET.

代码：

<div style="float: left; vertical-align: middle;">
<asp:DropDownList ID="dropDownListView" Width="100px" runat="server"   CssClass="DropDownStyleSmallWidth">
</asp:DropDownList>
&nbsp;</div>

代码背后：

    public void PopulateOtherViews()
    {
        SaveReportViewFilter<ReportFilterBase> newObj = new SaveReportViewFilter<ReportFilterBase>();
        ViewColumnOptions vwobj = new ViewColumnOptions();
        newObj.UserName = vwobj.Page.User.Identity.Name;
        SaveReportView<ReportFilterBase> obj2 = new SaveReportView<ReportFilterBase>();
        DataTable dt = obj2.GetSaveReportViewFromDataBase(newObj);
        dropDownListView.DataSource = dt;
        dropDownListView.DataTextField = dt.Columns[0].ToString();
        dropDownListView.DataValueField = dt.Columns[0].ToString();
        dropDownListView.DataBind();

    }

基本上我的下拉列表在一个用户控件中，它填充在 Page_Load 上。

Answer 1

此代码将扩展DropDownas ListBox。

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script>
    $(function () {
      $('#Standard').click(function (){
         $(this).attr("size","1"); 
      });
    });
</script>

希望这可以帮助。

Answer 2

在这里，我在我的下拉列表中添加了一个项目列表，然后单击它会根据您的要求向下扩展，如果它为空白，它将向下扩展。

html标记：

  <asp:DropDownList ID="DropDownList1" runat="server">
      <asp:ListItem>ABC</asp:ListItem>
  </asp:DropDownList>

截屏 ：

---