2016-09-19 16 views
1

をクリックすると、<asp:DropDownList>が展開されます。 clickイベント内でどのような機能を使用してこれを実現できますか?Asp.net open DropDownListコントロールのコードビハインド

編集:

そのサーバー側を行うには機能がありませんようにそれは私がそれをクライアント側を行う必要がある場合、リストにあるアイテムの数に応じて、それを行うための最善の方法は何だ、と思われます? (リストはボタンクリックで動的に入力されます)

+2

あなたがbuttpnの 'OnClientClick'イベントを処理し、'のdocument.getElementById( "ddlId")を呼び出すことができます参照してくださいサイズを。 = 10; '。しかし、ポストバックすればそれは残らないでしょう。だからあなたはサーバサイドからもそれを設定する必要があります。 CSSを介して。 –

答えて

1

これを行うにはJavascript/JQueryを使用してください。ここでは例です:.aspxのページで

<div> 
    <asp:Button ID="btnShowDropDown" runat="server" Text="AddDropdown" ClientIDMode="Static" /> 
    </div> 
    <div> 
     <asp:DropDownList ID="ddlTest" runat="server" ClientIDMode="Static"> 
      </asp:DropDownList> 
    </div> 
    <script> 
     $(function() { 
      $('#btnShowDropDown').on('click', function (e) { 
       e.preventDefault(); 

       //Emty your dropdown list first 
       $('#ddlTest').empty(); 
       //Add first option for validation 
       var option = '<option value="">Select</option>'; 
       $('#ddlTest').append(option); 
       //Open dropdown list for size 6 
       $('#ddlTest').attr('size', 6); 
       //For more add by other data ..Left for your convinent 
//    for (var i = 0; i < result.d.length; i++) { 
//     
//     option = '<option value="' + result.d[i].Id + '">' + result.d[i].SubProductName + '</option>'; 
//     $('#ddlTest').append(option); 
//    } 
      }); 
     }) 
    </script> 

これはlink

関連する問題