Question

我需要在更改javascript列表时调用dropdown函数。

如何在asp.net？

中实现该功能

Answer 1

只要下拉列表单击，就使用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>

Answer 2

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

如果你想在点击元素时执行函数，你可以使用上面的代码来定义一个应该执行'onclick'的函数。

但最好使用addEventListener之类的东西，只搜索跨浏览器功能（例如，像addListener function here）：

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

请记住，在这种情况下，您必须使用DDList.ClientID并将其用作元素的ID，因为它与您在aspx代码中设置的ID不同

但是如果在实际值发生变化时需要执行某些功能，则应使用onchange事件。

Answer 3

使用类似的东西（使用jQuery）：

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

Answer 4

使用 Jquery ：

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

另外，最好在document.ready

中写一下

Answer 5

使用JQuery

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

Answer 6

将此脚本添加到标记中，并确保还包含对jquery的脚本引用：

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

确保带有“yourDropdownId”作为ID的控件具有以下属性：“ClientIDMode”设置为static或“all-knows”ASP.NET引擎将自动生成具有父元素名称的结果html的元素名称默认情况下附加到控件。

Answer 7

您可以使用onchange事件并自行调用：

<asp:DropDownList ID="DropdownList" runat="server" onchange="javascript:MyFunction();" >
</asp:DropDownList>

如何使用asp.net下拉列表调用javascript函数

7 个答案: