2017-02-10 99 views
0

我正在使用laravel 5.3 我必須顯示和隱藏div其工作正常,但問題是,我想如果隱藏的div的值設置應打開在編輯頁面上,主要的一點是,它也應該在創建頁面時對show和hide進行相同的操作。顯示和隱藏div無法正常工作(laravel5.3)

我從我的編輯頁面傳遞一個名副其實的$屬性作爲

我想如果$屬性值設置隱藏的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> 

其對我的罰款上創建頁面只是問題是,如果$屬性設爲隱藏潛水這是第2次一個應該是在編輯時打開,但當我點擊其他下拉下來,它也應該隱藏,因爲它可以顯示和隱藏在創建頁面 我用這個小提琴來顯示和嗨德div的Show hide Div

+0

好的請刪除您的評論我會@mwallisch –

回答

-1

我還不清楚自己想要達到的目標,但這裏的東西,可能是有用的如果您認爲中有你的JavaScript代碼的工作。您可以使用JavaScript中嵌入的blade指令來幫助設置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>