这是我的示例下拉菜单

<select name="newType" class="parts-select full-width-combo" onchange={{action "loadFilter" value="target.value" }}> 
            <option value="" selected  hidden >Select </option> 
            {{#each model as |item|}} 
                <option value="{{item.id}}">{{item.description}}</option> 
            {{/each}} 
 </select> 

通过相关的模板操作,我想动态设置这个选定的项目。

例如,它默认由“选择”选择,然后基于某个按钮单击该页面,需要将我选择的选项设置为要选择的其他选定选项。 我没有使用任何插件,我不能在这里做。

请您参考如下方法:

我使用了 mut helper直接设置为 selectedItemId 属性。所以 onchange 它将自动更新它。也用过ember-truth-helper让 eq 助手决定是否选择特定项目。

<select name="newType" class="parts-select full-width-combo" onchange={{action (mut selectedItemId) value="target.value" }}> 
            <option value="" selected  hidden >Select </option> 
            {{#each model as |item|}} 
                <option value="{{item.id}}" selected={{if (eq item.id selectedItemId) 'true'}}>{{item.description}}</option> 
            {{/each}} 
 </select> 


评论关闭
IT序号网

微信公众号号:IT虾米 (左侧二维码扫一扫)欢迎添加!