Question

我正在使用laravel 5.3 我必须显示和隐藏div其工作正常，但问题是，我想如果隐藏div的值设置它应该在编辑页面上打开，主要的是它应该也适用于show和hide的相同行为，因为它在创建页面上。

我从我的编辑页面传递了一个名副其实的 $ attributes

我想如果设置了$ attribute的值，则应该使用该值打开隐藏的div。我能够做到这一点，但问题是它也应该像创建页面那样接近。

这是我的代码脚本

<script>
       $('.drop-down-show-hide').hide();

     $('#dropDown').change(function () 
    {
        $(this).find("option").each(function () {
            $('#' + this.value).hide();
        });
        $('#' + this.value).show();
    });
</script>

查看

    <div class="form-group">
<label class="control-label col-md-3">
Type
</label>
<div class="col-md-8">
    <select name="type" id="dropDown">
            <option value=""></option>
            <option value="1" {{ (isset($tests->type) && $tests->type == 1) ? 'selected' : '' }}>
                Old Student
            </option>
            <option value="2" {{ (isset($tests->type) && $tests->type == 2) ? 'selected' : '' }}>
                Crrunt Student
            </option>
    </select>
</div>
 </div>

<div id="2" class="drop-down-show-hide">
<div class="form-group">
    <label col-md-3">Name
    </label>
    <div class="col-md-8">
        <div class="input-icon right">
            <input type="text" name="name" value="{{isset($attributes->name) ? $attributes->$name : '' }}" class="form-control" />
        </div>
    </div>
</div>
</div>

在创建页面上对我来说很好但问题是，如果设置了$属性，隐藏的潜水是第二个应该在编辑时打开但是当我点击任何其他下拉时它也应该隐藏，因为它能够显示并隐藏在创建页面上我用这个小提琴来显示和隐藏div Show hide Div

Answer 1

我仍然不确定您想要实现的目标，但如果您在视图中包含javascript代码，这里的内容可能非常有用。您可以使用javascript中嵌入的刀片指令来帮助设置result-div的初始状态。

<script> // initialize the result div, if values are present show, otherwise hide @if(!isset($attributes)) theDiv.hide(); @endif // ... rest of your js logic </script>

显示和隐藏div无法正常工作（laravel5.3）

1 个答案: