Javascript 隐藏文本框（如果为空）

如果值为

null

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

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

div
您可以使用JQuery
$（document）.ready
。此事件在页面中的所有元素初始化并接收其值后激发：

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

您可以使用JQuery
$（document）.ready
。此事件在页面中的所有元素初始化并接收其值后激发：

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

获取文本框值，检查它是否为空，然后删除div

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

获取文本框值，检查它是否为空，然后删除div

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

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


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


在纯JavaScript中：

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

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

在纯JavaScript中：

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

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

如果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>


如果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>


没关系，但我怎么能隐藏呢？嘿，我明白了，现在你可以运行代码了，它已经被编辑过了。希望能正常工作。没关系，但我怎么能隐藏呢？嘿，我知道现在你可以运行代码了，它已经被编辑过了。希望这会很好。