Question

在我对下拉列表进行更改后，我正在努力进入更改功能？

 <script type="text/javascript" src="ICCMJScripts/jquery-1.7.1.min.js"></script>
 <script language="javascript" type="text/javascript">

 $(document).ready(function () {
    $("#ddRequestCategory").change(function () {
        //Do something
    });
 });
</script>

这是我的下拉列表。

<ICCM:ICCMDropDownList style="width:185px;" runat="server" ID="ddRequestCategory" name="ddRequestCategory" TabIndex="1" AppendDataBoundItems="true" >
   <Items>
     <asp:ListItem Value="" Text="" Selected="True" />    
   </Items>   
</ICCM:ICCMDropDownList>

Answer 1

您需要使用ClientID，因为asp.net创建的html具有您已分配的不同ID。

$("#<%= ddRequestCategory.ClientID %>").change(function () {
        //Do something
});

如果您使用.net框架4或更高版本，那么您可以使用ClientIDMode="static"在asp.net生成的html中获取相同的ID。

Answer 2

将此内容添加到表单加载后面的代码中。

DropDownListName.Attributes.Add("onchange", "jsFunctionName();");

当DropDownList selectedItemIndex被更改时，你的函数被调用，你可以从那里做你需要的任何事情。

Answer 3

使用ON功能触发事件。

$(document).ready(function(){
    $('#selectID').on('change', function(){
        console.log($(this).val());
    });
});

演示：http://jsfiddle.net/9eDS7/

如何在下拉列表更改后执行Jquery功能？

3 个答案: