Question

如果值为null，我想隐藏此代码，因此，如果值为空，请删除此div。

div
<?php echo "test" ?>
<input type="text" id="textfield" name"test" value="<?php echo $design_value; ?>"  />
div

我可以用PHP填充值，所以当我的网站加载值为null时。所以我需要任何javascript代码，如果文本框上没有文字，可以隐藏这个div。

所以请尝试找到任何简单的代码。您可以使用Javascript或jQuery或其他任何您认为更好的方法。

Answer 1

您可以使用JQuery $(document).ready。在页面中的所有元素都已初始化并收到其值后触发此事件：

$(document).ready(function() {
    if ($("#textfield").val == '')
        $("#textfield").hide();
});

Answer 2

获取Textbox值，检查它是否为空，然后删除div。

var getTextVal= $('#textfield').val();
    if(getTextVal == ""){
      $('#textfield').closest('div').remove();
    }

Answer 3

你可以通过php（它不会显示任何输出）来实现：

<input type="<?php echo ($design_value != null) ? 'text' : 'hidden'; ?>" id="textfield" name"test" value="<?php echo $design_value; ?>"/>

或者以这种方式（一个隐藏的领域）：

docker-compose.yml

Answer 4

在纯JavaScript中：

var textField = document.getElementById('textfield');
var text = textField.value;

textField.parentNode.style.display = (text) ? 'block' : 'none';

Answer 5

if value ==''然后通过将display属性添加到该元素的任何一个来隐藏输入字段。你可以通过运行简单的javascript代码来实现，如下所示，

    <div id="hide">
    <?php echo "test" ?>
    <input type="text" name="test" id="textfield" value="<?php echo $design_value; ?>"  />
</div>
<script>
    var  hide = document.getElementById("hide");
    var input = document.getElementById("textfield")
        if(input.value == ""){
            hide.style.display = "none";
         }
</script>

隐藏文本框，如果为空

5 个答案: