从下拉列表中选择值时调用javascript函数

时间:2015-04-09 06:39:41

标签: javascript jquery asp.net

在下面的代码中我有一个searchabe下拉列表,从下拉列表中选择一个值,它应该调用一个javascript函数。我尝试了下面的代码,它不能正常工作.Pls帮助我解决问题。

 function report(period) {
            alert();

        } 

<editable:EditableDropDownList ID="ddlreporttype" onchange="report(this.value)"  runat="server" Style="width: 70%; height:29px"  EnableViewState="true" AutoPostBack="true" OnSelectedIndexChanged="ddlreporttype_SelectedIndexChanged" onfocus="javascript: if(this.value=='--Select--'){this.value='';}" AutoselectFirstItem="true" onblur="javascript: if(this.value==''){this.value='--Select--';}">      

                         <asp:ListItem Text="---Select---" Value="0"></asp:ListItem>                                                 

                          <asp:ListItem Text="Product Valuation Report" Value="1"></asp:ListItem>
                          <asp:ListItem Text="Material Movement Report" Value="2"></asp:ListItem>
                           <asp:ListItem Text="Supply / Demand Report" Value="3"></asp:ListItem>
                             <asp:ListItem Text="Grn Valuation Report" Value="4"></asp:ListItem>

                        </editable:EditableDropDownList>

3 个答案:

答案 0 :(得分:2)

您是否将脚本部分放在脚本标记中?

<script type="text/javascript">
            function report(period) {
                alert("test");

            }

        </script>

如果没有请做

答案 1 :(得分:1)

试试这段代码:

 $("#ddlreporttype").change(function () {
            alert($(this).val());
        });

答案 2 :(得分:0)

尝试以下方法,

一个。将报告功能放在脚本标记

<script language="javascript" type="text/javascript">
    function report(period) {
            alert();
        }
</script>

湾调用报告方法,如下所示,

<editable:EditableDropDownList ID="ddlreporttype" onchange="javascript:report(this.value)"