Question

我正在一个项目中，必须根据下拉选择显示和隐藏按钮。请找到随附的提琴手链接。选择下拉值时，我的函数没有被调用/什么都没有发生。有帮助吗？！

页面代码：

<div class="span6 offset2">
<br />
<div class="row">
Location ID
<select id="iloc_Id" runat="server" class="form-control" style="width: 50%" visible="true" onchange="validate()">
<option disabled="">All Locations</option>
<option value ="1">1- Verona</option>
<option value ="2">2- Como</option>
</select>
</div>
</div>
<br/>
<div class="row">
<asp:LinkButton ID="LinkButton1" CssClass="btn btn-success" runat="server" Width="50%"> First Report </asp:LinkButton>
</div>
<br />
<div class="row">
<asp:LinkButton ID="LinkButton2" CssClass="btn btn-success" runat="server" Width="50%" OnClick="Report2"> Second Report
</asp:LinkButton>
</div>

Javascript：

function validate()
    {
        var selected_loc = $("#iloc_Id").val();
        if (selected_loc == '1')
        {
            $('#LinkButton1').show();
            $('#LinkButton2').hide();
        }
    else  if (selected_loc == '2')
        {
            $('#LinkButton1').hide();
            $('#LinkButton2').show();
        }
    else 
        {
            $('#LinkButton1').show();
            $('#LinkButton2').show();
        }

链接：https://jsfiddle.net/rickfiddle/5pvwznge/5/

Answer 1

在javascript代码中，关闭validate（）函数后，添加：

document.getElementById("iloc_Id").onchange = function() {validate()};

Answer 2

您的代码运行正常，只需在末尾添加一个右括号

function validate()
{
    var selected_loc = $("#iloc_Id").val();
    alert(selected_loc);
    if (selected_loc == '1')
    {
        $('#LinkButton1').show();
        $('#LinkButton2').hide();
    }
    else  if (selected_loc == '2')
    {
        $('#LinkButton1').hide();
        $('#LinkButton2').show();
    }
    else  if (selected_loc == '3')
    {
        $('#LinkButton1').hide();
        $('#LinkButton2').hide();
    }
    else 
    {
        $('#LinkButton1').show();
        $('#LinkButton2').show();
    }
}

，然后从更改jsfiddle配置的加载类型

On Load

到

No wrap - bottom of <head>

asp.net代码未调用javascript函数

2 个答案: