You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Aurelia框架:为下拉菜单设置默认值

如何设置repeat.for生成的下拉菜单默认值

这个问题我之前也碰到过,用双向数据绑定就能轻松搞定,具体步骤如下:

  1. 在你的ViewModel里新增一个变量,用来存储选中的值,并且把它初始化为你想要的默认值95:
let a = [90, 95, 99];
let selectedValue = 95; // 这里设置默认选中值
  1. 修改HTML里的<select>元素,通过value.bind把它和刚才定义的selectedValue变量绑定起来:
<select value.bind="selectedValue">
  <option repeat.for="i of a">${i}</option>
</select>

这样页面加载完成后,下拉菜单就会自动选中95啦。原理是双向绑定会自动把selectedValue的初始值和对应的<option>匹配,完成默认选中的设置;如果之后用户切换了选项,selectedValue的值也会自动同步更新,非常方便。

内容的提问来源于stack exchange,提问作者Isuru Siriwardana

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.21 08:12:47