如何使用asp.net下拉列表調用javascript函數

當dropdown列表發生更改時，我需要調用javascript函數。如何使用asp.net下拉列表調用javascript函數

如何在asp.net中執行該操作？

2013-02-11 Optimus

asp.net控件最終呈現爲純html控件。所以你不應該遇到任何困難。 – adt 2013-02-11 12:22:48

jquery是你最好的朋友。 – Dogoku 2013-02-11 12:23:53

<asp:DropDownList runat="server" ID="DDList" onclick="alert(1)"></asp:DropDownList>

如果您希望在點擊元素時執行函數，您可以使用上面的代碼來定義一個應該在'onclick'上執行的函數。

但最好使用像addEventListener，只需搜索跨瀏覽器的功能（例如，喜歡的addListener功能here）：

document.getElementById("<%=DDList.ClientID %>").addEventListener("click", fucntionToExecuteName, false)

記住，不是在這種情況下，你必須採取DDList.ClientID和使用它作爲一個元素的id，因爲它會與您在aspx代碼中設置的ID不同

但是，如果您在實際值更改時需要執行某些功能，則應該使用onchange事件。

來源

2013-02-11 12:28:17

使用jQuery的：

$(document).ready(function(){ 
    $("#DropDownID").change(function() { 
      // Your requirment 
    }); 
});

而且它總是最好把它寫在document.ready

來源

2013-02-11 12:21:01 ssilas777

使用jQuery

$(document).ready(function(){ 
    $('select[name$=DrpGoingTo]').change(function() { 
     //Code here 
    }); 
});

來源

2013-02-11 12:22:34

使用這樣的事情（使用jQuery的）內部：

$(document).ready(function() { 
    $("#dropdownId").change(function(e)) { 
      do something... 
    }); 
});

來源

2013-02-11 12:24:04 Neel

使用onchange事件可以在下拉列表單擊時執行功能。

<select id="mylist" onchange = "go()"> 
<option value="value1">value1</option> 
<option value="value2">value2</option> 
</select> 

<script> 
    function go() 
    { 
    var x = document.getElementById("mylist").value; 
    console.log(x); 
    } 
</script>

來源

2013-02-11 12:39:05 Stardust

這個腳本添加到您的標記和一定要還包括一個腳本引用的jQuery：

$(document).ready(function() 
{ 
    $("#yourDropdownId").change(function(){ 
     //Todo: write your javascript code here. 
}); 
});

確保與「yourDropdownId」爲ID具有屬性的控件：「 ClientIDMode「設置爲靜態，或者」全知「的ASP.NET引擎會自動爲生成的html生成一個元素名稱，父元素名稱默認附加到控件上。

來源

2013-02-11 12:44:48 Chukwuemeka

如何使用asp.net下拉列表調用javascript函數

回答

相關問題