Question

我的表单中有一个输入，如果值不为null或为空，我只想显示，所以我在代码中创建输入（Play！生成的html看起来像这样） -

<dl class=" " id="entry_field">
  <dt><label for="entry">Blah:</label></dt>
  <dd>
    <input type="text" id="entry" name="entry" value="Blah" readonly="readonly">
  </dd>
</dl>

然后将其隐藏在jQuery onload事件中，如下所示：

$(document).ready(function() {
  $( "#entry_field" ).hide();
});

所以现在我想测试输入条目是否具有非null值，如果是，则显示整个事物。所以我尝试了以下操作，但是entry_field没有显示。

if( $('#entry').attr("value") != '') {
  $( '#entry_field').show();
}

Answer 1

我认为您不会在 DOM Ready处理程序中添加此内容。

确保将其添加到其中，否则可能无效..

$(document).ready(function() {
    $("#entry_field").hide();

    if ($('#entry').attr("value") != '') {
        $('#entry_field').show();
    }
});

使用.val()代替

 if( $('#entry').val() !== '') {

<强> Check Fiddle

Answer 2

您确定要调用第二段代码吗？你可以尝试添加一个console.log（“嘿”）或其他东西吗？因为我让this jsFiddle尝试代码，它完全有效：）

尝试添加$（document）.ready中的两个字段，如下所示

$(document).ready(function() {
    $( "#entry_field" ).hide();

    if( $('#entry').attr("value") != '') {
        $( '#entry_field').show();
    }
});

如果要检查加载，如果要在触发事件时调用该函数，请务必将其分配给正确的事件。

如果值不为空，则显示（Play！2）表单输入字段

2 个答案: