JQuery控件显隐失效求助：DisplayFlag值匹配异常排查

为啥你的代码不生效？ #

你直接用$('#DisplayFlag').val()或者text()根本不对——#DisplayFlag是个div容器，不是输入框：

• val()是表单控件（input/select这类）才有的方法，div没有这个方法
• text()会把div里所有文本（包括空格、换行）都拿过来，和输入框里的实际值对不上

你要获取的是div内部由@Html.EditorFor生成的只读输入框的值，得先精准定位到这个input才行。

具体怎么改？ #

1. 修正选择器，拿到正确的值 #

@Html.EditorFor默认会生成和模型属性同名的input，比如你的属性叫DisplayFlag，那input的id就是DisplayFlag。正确的取值方式二选一：

// 直接定位到input的id（如果input的id就是DisplayFlag）
var flagValue = $('#DisplayFlag').val();
// 或者通过外层div定位内部input（更保险，避免id冲突）
var flagValue = $('#DisplayFlag input').val();

2. 编写完整的显示/隐藏逻辑 #

要确保代码在页面DOM加载完成后再执行，完整代码如下：

$(document).ready(function() {
    // 用trim去掉可能的空格，避免空格导致判断失败
    var flagValue = $.trim($('#DisplayFlag input').val());
    if (flagValue === "Positive") {
        $('#TestingTextBox').show();
    } else {
        $('#TestingTextBox').hide();
    }
});

3. 先确认HTML结构（必做排查） #

按F12打开浏览器开发者工具，检查#DisplayFlag的结构是否类似这样：

<div id="DisplayFlag">
    <input id="DisplayFlag" type="text" value="Positive" readonly>
</div>

如果input的id不是DisplayFlag，就用name属性定位：

var flagValue = $('#DisplayFlag input[name="DisplayFlag"]').val();

额外注意事项 #

• 如果页面是通过AJAX加载数据后渲染的，代码不能只放在document.ready里，得等数据渲染完成后再执行
• 检查有没有其他JS代码修改了#TestingTextBox的显示状态，和你的逻辑冲突
• 可以在控制台打印值确认是否正确获取：

console.log("拿到的DisplayFlag值：", flagValue);

内容的提问来源于stack exchange，提问作者zso