带有$ variable的html下拉列表在显示中给出错误的结果

Question

我正在尝试在html / bootstrap中创建下拉列表，这是我设计错误的结果。让我分享我在代码中所做的事情。

控制器代码：

        $countries = Country::select('country','id')->get();

HTML代码：

                            <div class="form-group">
                                Country:<select name="country_id" id="exchange" class="form-control"  for="id">
                                    <option value="" id="fid"></option>
                                    @foreach($countries as  $key=>$val )
                                        <option value="{{ $key}}">{{  $val }}</option>
                                    @endforeach
                                </select>
                            </div>

您可以在下面的输出中看到的问题：

here is output

Answer 1

尝试一下我的代码段，因为循环中的$country拥有Country中的模型对象

<div class="form-group">
    Country:<select name="country_id" id="exchange" class="form-control"  for="id">
        <option value="" id="fid"></option>
        @foreach($countries as  $country )
            <option value="{{ $country->id }}">{{  $country->country }}</option>
        @endforeach
    </select>
</div>

Answer 2

如下更改您的控制器代码

$countries = Country::pluck('country', 'id');