2014-10-27 4 views
0

Как можно сделать два раскрывающихся списка зависимыми друг от друга ?! Если выбрана страна X, отображается выпадающее меню Y. Если выбрана страна A, раскрывающийся список Y скрыт, а раскрывающийся список Z виден и так далее. Я создаю выпадающее меню следующим образом:Надежные выпадающие списки - laravel

<div class="form-group {{($errors->has('country')) ? 'has-error' : ''}}"> 
     <label class="col-sm-2 control-label">Country</label> 
     <div class="col-sm-10"> 
      {{Form::select('country', $countries)}} 
      @if($errors->has('country'))<p class="help-block">{{$errors->last('country')}}</p>@endif 
     </div> 
    </div> 
    <div class="form-group {{($errors->has('city')) ? 'has-error' : ''}}"> 
     <label class="col-sm-2 control-label">City</label> 
     <div class="col-sm-10"> 
      {{Form::hidden('city', $cities)}} 
      @if($errors->has('city'))<p class="help-block">{{$errors->last('city')}}</p>@endif 
     </div> 
    </div> 

Как это может быть достигнуто ?!

+1

Подсказка: JavaScript/AJAX –

ответ

0

Я не заметил, что все было так просто. Использование JavaScript/Ajax следующим образом:

<script> 
    $(document).ready(function() { 
     $("select[name='country']").change(function() { 
     // alert($(this).val()); 
     if($(this).val()=="Egypt") 
      { 
      $("select[name='city']").show(); 
      } 
      else 
      { 
       $("select[name='city']").hide(); 
      } 
     }); 
}); 
</script> 
Смежные вопросы