智能选择始终在framework7中初始化

Question

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

Answer 1

我通过添加一个带有attr＆＃34;选择＆＃34;的虚拟选择元素来解决它。并且＆＃34;禁用＆＃34;并添加一个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
}