javascript - 无法读取 null 的属性 'value'

Question

我知道有关于这个主题的解决方案，但我已经在测试页上进行了测试并且工作正常。基本上它是收据页面上的反馈表单，如果用户再次登录并付款，则不会再次看到该表单。我通过在 DOM 中放置一个隐藏字段，并在后面的 VB 代码中将值从“Y”切换到“N”来做到这一点，这一切在测试页面上都运行良好。但是当我在应用程序中对其进行编码时，它给出了错误“TypeError: Cannot read property 'value' of null”。我虽然一开始 javascript 试图读取 dom，但它还没有真正渲染，所以我将 javascript 切换到页面底部，甚至在上面放了一个计时器以确保所有内容都已加载，仍然是一样的结果。我无法理解为什么它在一个应用程序中执行此操作，而不是在另一个应用程序中执行此操作。

<asp:HiddenField ID="hidfeedback" Value="N" runat ="server" />

Javascript:

//Modal window appears and fades in after 5 secsonds
    $(document).ready(function () {
        setTimeout(function () {
            var getSessionValue = $('#hidfeedback').val();
            if (document.getElementById('hidfeedback').value === "N") {
                $('#myModal').modal('show');
            }
        }, 5000);
    });

Answer 1

替换

var getSessionValue = $('#hidfeedback').val();

由

var getSessionValue = $('[id*=hidfeedback]').val();

编辑

此解决方案适用于任何容器中的所有控件。有时人们会对 $(['id$=xyz']) 和 $(['id*=xyz']) 感到困惑。第一个在您的控件容器中不起作用，例如 GridView Repeater 等。

为了让事情更清楚have a look of selectors here.

谢谢。