如果HTML数据为空,我想隐藏div,如果不是,我想显示。 HTML JavaScript

时间:2019-02-27 13:08:00

标签: javascript html asp.net-mvc model-view-controller

从列表中选择时,我将从控制器获取库存数据并显示在页面上。但是,我首先要隐藏“我们有库存产品”的文字,我要从列表中选择值后再显示“我们有库存产品26”。 我可以显示完整的写作,也可以隐藏完整的写作。我无法证明这取决于股票价值。

Create.cshtml

 <div id="hide">
            <label>We have <text id="stock"></text> products in stock</label>
        </div>
 $.ajax({
            success: function (data) {
                $("#stock").html(data);
                }
        });
<script>
        if ($('#stock').val().length == null) {
            $('#hide').hide();
        }
        else {
            $('#hide').show();
        }
    </script>

我的脚本代码错误。

2 个答案:

答案 0 :(得分:0)

您可以通过以下代码来实现。

 <div id="hide">
            <label>We have <text id="stock"></text> products in stock</label>
        </div>

<script>
         $.ajax({
            success: function (data) {
               if(data){
                     $("#stock").html(data);
               }
               else{
                   $('#hide').hide();
               }
            }

        });
    </script>

问题是,您需要检查数据是否为空。因此,ajax完成后,您应该检查数据。我不知道确切的模型您要返回什么,但是逻辑应该是这样的。

答案 1 :(得分:0)

将if($('#stock')。val()。length == null){更改为if(!$。trim($('#stock')。html()).length){