DropDownList新增客戶端下拉事件操作

NO IMAGE

如果要想給 DropDownList 伺服器控制元件新增客戶端下拉事件,我們可以強制給它新增 onchange 事件,儘管在控制元件中沒有這個方法的提示。新增完這個事件還不能達到目的,還要設定 AutoPostBack 屬性為 false,不讓它回發後臺事件。
以下就是為大家分享的程式碼:


<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
  <title>DropDownList新增客戶端下拉事件</title>
  <script type="text/javascript">
    function getDropDownList() {
      var ddl1 = document.getElementById("<%=ddl1.ClientID%>");
      var text = ddl1.options[ddl1.options.selectedIndex].text; //獲取text值
      var value = ddl1.value;                  //獲取value值
      alert("Text:"   ddl1.options[ddl1.options.selectedIndex].text   ", Value:"   ddl1.value); 
    }
  </script>
</head>
<body>
<form id="form1" runat="server">
  <asp:DropDownList ID="ddl1" runat="server" AutoPostBack="false" onchange="getDropDownList();">
    <asp:ListItem Text="T1" Value="V1" Selected="True"></asp:ListItem>
    <asp:ListItem Text="T2" Value="V2"></asp:ListItem>
    <asp:ListItem Text="T3" Value="V3"></asp:ListItem>
  </asp:DropDownList>
</form>
</body>
</html>

總結一下,也就是說,要想給DropDownList下拉框新增客戶端下拉事件,必須做兩步工作,一是新增強制onchange事件,二是把 AutoPostBack屬性設為false,就是這麼簡單!

您可能感興趣的文章:

在dropDownList中實現既能輸入一個新值又能實現下拉選的程式碼DropDownList 下拉框選擇改變促發事件和防全域性重新整理(推薦)DropDownList繫結選擇資料包錯提示異常解決方案用javascript為DropDownList控制元件下拉式選擇新增一個Item至定義索引位置asp.net中不能在DropDownList中選擇多個項 原因分析及解決方法ASP.NET中DropDownList下拉框列表控制元件繫結資料的4種方法C#使用DropDownList繫結新增新資料的方法彙總asp.net DropDownList實現二級聯動效果DropDownList實現可輸入可選擇(兩種版本可選)