html-framework-7 - 智能选择总是在 framework7 中初始化

Question

没有选项可以让智能选择未初始化（即默认情况下不选择任何项目）。即使选择的标签不存在。（默认选择第一项）

Answer 1

我通过添加一个带有attr“selected”和“disabled”的虚拟选择元素并添加一个css类来display:none解决它smart-select-page li.disabled

完整代码

html

<li>
<a href="#" class="item-link smart-select" data-searchbar="true" data-back-on-select="true" data-searchbar-placeholder="{{title}}">
    <select name="{{elementId}}">
        <option value="" selected disabled></option>
        {{#each items_arr}}<option value="{{@index}}">{{this}}</option>{{/each}}
    </select>
    <div class="item-content">
        <div class="item-inner">
            <div class="item-title">{{title}}</div>
            <div class="item-after"></div>
        </div>
    </div>
</a>
</li>

css

smart-select-page li.disabled{
    display:none
}