Question

我需要在加载页面时将选项设置为该下拉列表的默认值。我正在使用Material Design下拉列表。我尝试了以下代码。但它不适用于材料设计。请帮助。

<div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
    <div class="form-group label-floating float-label-control" id="select-field">
        <div class="float-label-control">
            <label class="control-label">Country
                <small>(required)</small>
            </label>
        </div>
        <select class=" dropdown" id="country">
            <option>BCT Dubai</option>
            <option selected="selected">BCT India</option>
            <option>BCT Muscat</option>
            <option>BCT QFC</option>
            <option>BCT Singapore</option>
            <option>BCT TAIWAN</option>
            <option>BCT US</option>
            <option>BRUNEIEI</option>
            <option>SAUDI</option>
        </select>
    </div>
</div>

Answer 1

只需添加'selected'属性，如下所示。

<option selected="selected" selected>BCT India</option>

OR

保持正确

  <option  selected>BCT India</option>

Codepen示例在这里https://codepen.io/etcpe9/pen/PqyOye/

设置页面加载时的默认选项

1 个答案: