Question

如何让两个下拉列表相互依赖？！即如果选择了国家X，则可以看到下拉列表Y.如果选择了国家/地区，则隐藏下拉列表Y并显示下拉列表Z，依此类推。我正在创建下拉菜单，如下所示：

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

如何实现这一目标？！

Answer 1

我没注意到那很容易。使用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>

可靠的下拉列表 - laravel

1 个答案: